jquery - ajaxがロードされた子phpから親html/phpにdivを設定するにはどうすればよいですか？

Question

次のようなhtmlを含むindex.phpがあるとします。

<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ファイルにコード化されているフォームをmainContentdivにスムーズにロードできます。ここで、フォームに入力し、register.phpファイルにコード化されているajaxを使用して投稿する場合、元のindex.phpファイルにあるmainContentdivでjqueryajaxを使用して結果を表示する必要があります。

助言がありますか？

前もって感謝します。

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フォームプラグインを使用することをお勧めします。