jquery - 如何从加载 ajax 的子 php 填充父 html/php 中的 div

Question

假设我有一个 index.php，其中包含 html，如下所示：

<div id="navigation">
  <ul>
     <li id="registerLink"><a href="#">Register</a></li>
  </ul>
</div>
<div id="mainContent">
</div>

我有执行此操作的 jquery：

$('#registerLink').click(function() {
   $('#mainContent').load("register.php");
});

有了这个，我顺利地将我在 register.php 文件中编码的表单加载到 mainContent div 中。现在，当我填写表格并使用在 register.php 文件中编码的 ajax 发布它时，我希望在原始 index.php 文件中的 mainContent div 中使用 jquery ajax 显示结果。

有什么建议么？

提前致谢。

Answer 1

$('#mainContent form').submit(function(){
  var form = $(this);

  $.post(form.attr('action'), form.serialize(), function(result){
    $('#mainContent').html(result);
  });

  return false;
});

此代码必须在您的 .load(..., [right here] ) 中作为回调运行

Answer 2

我建议为此使用jQuery 表单插件。