❶ jquery如何實現form提交無刷新返回一個頁面
jquery有個ajax方法是實現非同步的(就是你所說的無刷新),然後你綁定表單的onsubmit事件版,非同步訪問你要提交的權頁面,return false(這樣本頁面就不會提交了),可以實現你所說的form提交無刷新,代碼如下
$(document).ready(function() {
//使用jQuery非同步提交表單
$('#表單ID').submit(function() {
jQuery.ajax({
url: '要提交的頁面',
data: $('#表單ID').serialize(),
type: "POST",
beforeSend: function()
{
//在非同步提交前要做的操作
},
success: function()
{
//在非同步提交成功後要做的操作
}
});
return false;
});
});
❷ 怎麼才能在子頁面提交的時候刷新父頁面,使父頁面能重新讀取被子頁面ACTION修改的數據.
子頁面先提交,這時不關閉子頁面,也不刷新父頁面。
提交處理完成後,結果頁面還是返回到子窗口,這時在結果頁面關閉自己,並刷新父窗口。
更好的效果是在子頁面做隱藏的iframe(寬高都為0),子頁面提交返回結果頁面在iframe裝載。
<form action='..' target='iframe_name'>
...
</form>
<iframe name='iframe_name' width=0 height=0></iframe>