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