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'));
  });
});

这应该允许您POST数据，获取新表单，将其放入DIV，并允许它成为可以处理下一个表单的函数表单。

多表单提交只有一个jQuery Ajax

1 个答案: