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