Question

在我的门户网站中，我有一个页面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>

Answer 1

<强>的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>

使用AJAX重新加载PHP FORM

1 个答案: