Chrome Form多次提交表單問題的解決方法
更新時間：2011年05月09日 18:55:26 作者：
第一次提交可以，第二次提交就沒有任何響應了。需要重新加載頁面后才可以提交，而這個問題在Firefox,IE下沒有出現(xiàn)。
今天用chrome提交一個表單時，發(fā)現(xiàn)一個奇怪的問題：
//提交表單
document.frmOrder.action = 'http://www.abc.com/d.aspx';
document.frmOrder.method = 'POST';
document.frmOrder.target = '_blank';
document.frmOrder.submit();
第一次提交可以，第二次提交就沒有任何響應了。需要重新加載頁面后才可以提交，而這個問題在Firefox,IE下沒有出現(xiàn)。
馬上Google了一下發(fā)現(xiàn)這是webkit內(nèi)核瀏覽器的共有特性，這樣做是為了防止表單被重復提交。
解決方法也很簡單，只需要為 submit 按鈕添加 onclick 事件響應，給表單的 action 值添加一個無用的參數(shù)，改變表單的響應地址。
具體實現(xiàn)方法:
//提交表單
document.frmOrder.action = 'http://www.abc.com/d.aspx?r='+Math.random();
document.frmOrder.method = 'POST';
document.frmOrder.target = '_blank';
document.frmOrder.submit();
復制代碼 代碼如下:
//提交表單
document.frmOrder.action = 'http://www.abc.com/d.aspx';
document.frmOrder.method = 'POST';
document.frmOrder.target = '_blank';
document.frmOrder.submit();
第一次提交可以，第二次提交就沒有任何響應了。需要重新加載頁面后才可以提交，而這個問題在Firefox,IE下沒有出現(xiàn)。
馬上Google了一下發(fā)現(xiàn)這是webkit內(nèi)核瀏覽器的共有特性，這樣做是為了防止表單被重復提交。
解決方法也很簡單，只需要為 submit 按鈕添加 onclick 事件響應，給表單的 action 值添加一個無用的參數(shù)，改變表單的響應地址。
具體實現(xiàn)方法:
復制代碼 代碼如下:
//提交表單
document.frmOrder.action = 'http://www.abc.com/d.aspx?r='+Math.random();
document.frmOrder.method = 'POST';
document.frmOrder.target = '_blank';
document.frmOrder.submit();
相關文章
這篇文章主要介紹了簡單的js圖片輪換代碼(js圖片輪播),需要的朋友可以參考下2014-05-05
這篇文章主要介紹了Mint-UI時間組件起始時間問題的解決方法,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2018-08-08
一般情況下我們在FLASH幻燈片字符串中有連接符時點擊鏈接就會不正常，造成鏈接中的參數(shù)丟失，那么就需要用encodeURIComponent來對鏈接地址進行編碼2012-03-03
require.js與bootstrap結合實現(xiàn)簡單的頁面登錄和頁面跳轉功能
這篇文章主要介紹了require.js與bootstrap結合實現(xiàn)簡單的頁面登錄和頁面跳轉功能,需要的朋友可以參考下2017-05-05![僅用[]()+!等符號就足以實現(xiàn)幾乎任意Javascript代碼](http://img.jbzj.com/images/xgimg/bcimg4.png)
僅用[]()+!等符號就足以實現(xiàn)幾乎任意Javascript代碼
僅用一些符號就足以實現(xiàn)幾乎任意Javascript代碼的方法，比較怪異，對于特殊需要可能用得到。2010-03-03
微信小程序搭建(mpvue+mpvue-weui+fly.js)的詳細步驟
這篇文章主要介紹了微信小程序搭建(mpvue+mpvue-weui+fly.js)的詳細步驟，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
本文介紹了微信小程序自定義導航欄功能的實現(xiàn)方法,首先,需要去掉原生導航欄,可以通過在page.json中去掉navigationBarTitleText并加上"navigationStyle":"custom"來實現(xiàn),然后,可以使用組件封裝來實現(xiàn)自定義導航欄的功能,感興趣的朋友一起看看吧2025-01-01
詳解ES6 中的Object.assign()的用法實例代碼
這篇文章主要介紹了ES6 Object.assign()的用法及用途,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-01-01
這篇文章主要介紹了JavaScript通過字典進行字符串翻譯轉換的方法,涉及javascript字符串轉換的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
微信小程序圖片輪播組件gallery slider使用方法詳解
這篇文章主要為大家詳細介紹了微信小程序圖片輪播組件gallery slider的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-01-01