Javascript 只使用一个jQuery Ajax提交多个表单
我有一个页面,其中有3-4个div表单,我只想用一个脚本提交它,我想刷新实际的div内容(其中是表单)。但是我不知道如何为ajax帖子指定实际的div或表单Javascript 只使用一个jQuery Ajax提交多个表单,javascript,php,jquery,html,ajax,Javascript,Php,Jquery,Html,Ajax,我有一个页面,其中有3-4个div表单,我只想用一个脚本提交它,我想刷新实际的div内容(其中是表单)。但是我不知道如何为ajax帖子指定实际的div或表单 $(document).ready(function(){ $(".ajaxform").submit(function() { var id = $(this).attr('id'); var dataString = $(this).serialize(); $.ajax({
$(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。因为您正在发布数据,然后接收新表单作为响应,所以我会使函数更具动态性
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,并允许它成为可以处理下一个表单的功能表单。为什么不:
$('#actualdiv').html(html)代码>?这将用响应替换内容。因为这样,我应该再次将表单的html放入工具中,我只想重新加载它,因为输入的数据已更改。展开“重新加载”的含义,整个页面?不,只有包含表单的div,其中是mysqli查询。这是一个更新表单,因此它从mysql加载实际数据。页面上有2-3个。