如何从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发布它时，我希望在mainContent div中使用jquery ajax显示结果，该div位于原始index.php文件中。

有什么建议吗？

提前致谢。

Answer 1

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

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

  return false;
});

此代码必须在.load（...，[此处]）

中作为回调运行

Answer 2

我建议您使用jQuery Form Plugin。