submit提交form表單後不刷新頁面--方法記錄

一、添加iframe

首先是一個比較簡單且常用的實現方法

<form name="addNum" id="addNum" method="post" target="iframe">
    ……
</form>

<iframe id="iframe" name="iframe" style="display:none;"></iframe>

    這種方法很簡單,添加一個iframe,設爲隱藏,接着將 form 表單的 target 屬性和 iframe 中的 id、name的值設爲一樣的就可以實現提交數據但不刷新的效果了。這一方法不管是否設置action(必需的 action 屬性規定當提交表單時,向何處發送表單數據。)屬性都可以使用。

二、form在沒有action跳轉的條件下

方法一: 給form表單的submit函數,在最後加一句 return false;

方法二: 把提交按鈕單獨放在表單之外,實現數據的提交

這兩種方法還沒用,也沒測試,後續有空測試,再將代碼放出來。目前僅供參考……

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章