只有一个jQuery Ajax的多个表单提交

Question

我有一个页面，在div中是3-4表单，我只想用一个脚本提交它，我想刷新实际的div内容(其中就是表单)。但我不知道如何为ajax文章指定实际的div或表单。

$(document).ready(function(){

    $(".ajaxform").submit(function() {
        var id = $(this).attr('id');
        var dataString = $(this).serialize();
        $.ajax({
             url:'../tools/tools.php',
             data: dataString + '&form=' + id,
             type: 'POST', 
             success: function(html)
            {
            $('#actualdiv').load(document.URL +  ' #actualdiv');
            } 
        });       
    });
});

表单或div对于tools.php有唯一的id，在那里我可以运行实际表单的mysql。

Answer 1

由于您正在发布数据，然后接收新的表单作为响应，因此我将使该函数更具有动态性。

function loadNextForm(form, id){
   var dataString = form.serialize();
   $.ajax({
     url:'../tools/tools.php',
     data: dataString + '&form=' + id,
     type: 'POST', 
     success: function(newForm) {
       $('#actualdiv').html(newForm);
     } 
   });
}

$(document).ready(function(){
  $(".ajaxform").on("submit", function(){
    loadNextForm($(this), $(this).attr('id'));
  });
});

这应该允许您发布数据，获取新表单，将其放置到DIV中，并允许它成为可以处理下一个表单的功能表单。