是否有任何 jQuery/AJAX 函数，当显示表单(或任何与此相关的内容)时，按下按钮时包含原始表单的 div 会被新表单替换？本质上，这是一个多部分表单，无需重新加载页面。
我可以使用这样的东西吗？
$('form#myForm').submit(function(event) {
event.preventDefault();
$.ajax({
type: '',
url: '',
data: $(this).serialize(),
success: function(response) {
$('#divName').html(response);
//somehow repopulate div with a second form?
}
})
return false;
});
我以前用过它来将项目添加到列表中，但我从未使用它来完全用不同的内容重新填充它。如何将其定向到第二种形式？
编辑 - 我让它工作，但只有当我写“#form2”作为替换时。我提醒了响应并收到了 {"formToShow":"show2"}。我尝试做response.formToShow，但它是未定义的。
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script>
</head>
<div id="divName">
<form method="POST" action = "#" id="form1">
<input type="textbox" name="textbox1" value="1"/>
<input type="submit" name="submit1"/>
</form>
<form method="POST" action = "#" id="form2" style="display: none">
<input type="textbox" name="textbox2" value="2"/>
<input type="submit" name="submit2"/>
</form>
</div>
<script>
$('form#form1').submit(function(event) {
event.preventDefault();
$.ajax({
type: 'JSON',
url: 'receiving.php',
data: $(this).serialize(),
success: function(response) {
$('#form1').hide(); //hides
//$('#form2').show(); //this will show
$(response.formToShow).show(); //this does not display form 2
}
})
return false;
});
</script>
这里是receive.php。当我查看此页面时，显示 {"formToShow":"show2"}
<?php
echo json_encode(array("formToShow" => "#form2"));
?>
最佳答案
关于javascript - 使用 jQuery/AJAX 用新的表单/内容重新填充 div，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15970023/