使用 AJAX 重新加载 PHP 表格

Reloading PHP FORM using AJAX

在我的门户网站中,我有一个页面 index.php,其中包含 <div> 标签,其内容是使用 AJAX 获取的。在此 <div> 标记处,页面 index2.php 被调用。在页面 index2.php 有一个表单应该使用 AJAX 提交(不刷新整个页面,只刷新 index2.php)。提交后,应再次调用 index2.php,但会使用来自表单的一些附加参数(超过 POST)。

问题是因为发送了 POST 请求,但看起来 <div> (index2.php) 的内容没有改变。这是代码:

index.php

 <div id="left_side">
       <h3>Toolbar</h3>
 </div>

  <div id="content">
      there will be refreshed index2.php
  </div>
  ......
   function doAjax() {

          var frm = $('#plotForm1');
          $.ajax({
              type: frm.attr('method'),
              url: frm.attr('action'),
              data: frm.serialize(),
              success: function (data) {

                            }
             });    
     }

index2.php

<form id="plotForm1" action="index2.php" onsubmit='doAjax(); return false;' method="post">
 ....
</form>

index.php

<div id="left_side">
       <h3>Toolbar</h3>
 </div>

  <div id="content">
      there will be refreshed index2.php
  </div>
  ......
   function doAjax() {

          var frm = $('#plotForm1');
          $.ajax({
              type: frm.attr('method'),
              url: frm.attr('action'),
              data: frm.serialize(),
              success: function (data) {

$('#content').html(data);

                            }
             });    
     }

index2.php

<form id="plotForm1" action="index2.php" onsubmit='doAjax(); return false;' method="post">
 ....
</form>