多个表单共享一个jquery帖子

Question

$(".form").click(function(){
        $.post(
            '/forms/ajax.php',{
            id:form.id.value
            },
            function(output){
            $('#ajax').html(output).fadeIn(50)}, 500);
            }
        );

$n=1;
while(//LOOP ALL LIST FROM DB){
  echo" 
      <form id='form' class='form'>
         <div class='content'>".$n.". ".$title[$n-1]."</div>
         <input type='hidden' name='id' value='".$id."'/>
      </form>
  ";
  $n++
}

我有一个页面使用 while 循环来循环出所有列表，每个列表都可以点击比 jquery 将数据发布到另一个页面并发布数据回来。

我的问题是我如何对所有列表使用一个$post脚本。

例如，如果list_1点击，它将发布list_1的数据;如果单击list_3，它将发布list_3的数据

Answer 1

其实很简单。 this 引用 dom 元素，因此像 $(this).submit() 或 $(this).serialize() 这样的调用将发布表单或为您提供包含表单内容的序列化字符串。

$('.form').on('submit', function(e) {
    e.preventDefault(); // prevents form from submitting
    $.post('/form/ajax.php', { $(this).serialize() }, function(output) {
        $('#ajax').html(output).fadeIn(50);
    });
});

警报序列化数据的示例可以在此小提琴中找到