Chrome Form多次提交表單問(wèn)題的解決方法
更新時(shí)間：2011年05月09日 18:55:26 作者：
第一次提交可以，第二次提交就沒(méi)有任何響應(yīng)了。需要重新加載頁(yè)面后才可以提交，而這個(gè)問(wèn)題在Firefox,IE下沒(méi)有出現(xiàn)。
今天用chrome提交一個(gè)表單時(shí)，發(fā)現(xiàn)一個(gè)奇怪的問(wèn)題：
//提交表單
document.frmOrder.action = 'http://www.abc.com/d.aspx';
document.frmOrder.method = 'POST';
document.frmOrder.target = '_blank';
document.frmOrder.submit();
第一次提交可以，第二次提交就沒(méi)有任何響應(yīng)了。需要重新加載頁(yè)面后才可以提交，而這個(gè)問(wèn)題在Firefox,IE下沒(méi)有出現(xiàn)。
馬上Google了一下發(fā)現(xiàn)這是webkit內(nèi)核瀏覽器的共有特性，這樣做是為了防止表單被重復(fù)提交。
解決方法也很簡(jiǎn)單，只需要為 submit 按鈕添加 onclick 事件響應(yīng)，給表單的 action 值添加一個(gè)無(wú)用的參數(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();
第一次提交可以，第二次提交就沒(méi)有任何響應(yīng)了。需要重新加載頁(yè)面后才可以提交，而這個(gè)問(wèn)題在Firefox,IE下沒(méi)有出現(xiàn)。
馬上Google了一下發(fā)現(xiàn)這是webkit內(nèi)核瀏覽器的共有特性，這樣做是為了防止表單被重復(fù)提交。
解決方法也很簡(jiǎn)單，只需要為 submit 按鈕添加 onclick 事件響應(yīng)，給表單的 action 值添加一個(gè)無(wú)用的參數(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)文章
JavaScript中在光標(biāo)處插入添加文本標(biāo)簽節(jié)點(diǎn)的詳細(xì)方法
本文主要介紹了JavaScript中在光標(biāo)處插入添加文本標(biāo)簽節(jié)點(diǎn)的詳細(xì)方法。具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-03-03
本文詳細(xì)向大家介紹了javascript變量聲明，并通過(guò)示例進(jìn)行了具體分析，是篇非常不錯(cuò)的文章，這里推薦給剛?cè)腴T的jser。2014-11-11
這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)分頁(yè)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-05-05
本文主要介紹了JS PromiseLike的判定與使用詳解, 文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-11-11
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)上傳照片預(yù)覽的方法,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10
Ajax不是一種新的編程語(yǔ)言，而是使用現(xiàn)有標(biāo)準(zhǔn)的新方法。本文重點(diǎn)給大家介紹javascript中ajax知識(shí)，非常不錯(cuò)，感興趣的朋友參考下2016-08-08
JavaScript實(shí)現(xiàn)大數(shù)的運(yùn)算
js的'MAX_SAFE_INTEGER'是9007199254740991，而'MIN_SAFE_INTEGER'為-9007199254740991，那么如何實(shí)現(xiàn)一些特別大的數(shù)目相加？今天我們就來(lái)探討下2014-11-11
快速解決js開(kāi)發(fā)下拉框中blur與click沖突
這篇文章主要幫助大家快速解決js開(kāi)發(fā)下拉框中blur與click沖突,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10
JavaScript 保存數(shù)組到Cookie的代碼
大部分的瀏覽器一個(gè)網(wǎng)站只支持保存20個(gè)Cookie，超過(guò)20個(gè)Cookie，舊的Cookie會(huì)被最新的Cookie代替。那么如果要有超過(guò)20個(gè)Cookie要保存只能將Cookie存為數(shù)組然后保存到Cookie。2010-04-04
JavaScript 直接操作本地文件的實(shí)現(xiàn)代碼
Chrome、IE和Firefox都紛紛在新版中增強(qiáng)了JavaScript引擎的執(zhí)行效率，隨著JavaScript效率在各大瀏覽器的顯著提高，JavaScript可以做越來(lái)越多的事，本地文件API的引入將讓很多有趣的功能成為現(xiàn)實(shí)。2009-12-12