jquery - 多个表单共享一个 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 元素，因此调用 like$(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);
    });
});

可以在这个小提琴中找到一个警告序列化数据的示例