window.location.href中url中數(shù)據(jù)量太大時(shí)的解決方法
先說一下今天遇到的問題
一個(gè)導(dǎo)出excel的處理，在按鈕按下后需要傳很大一個(gè)數(shù)據(jù)到后臺(tái)，剛開始的做法如下：
var actionUrlSetData = "****Action!exportDatas.action"+ "?now=" + new Date().getTime();
window.location.href= actionUrl + "&" + data;
上面的data就是一個(gè)很長(zhǎng)的字符串。
這樣在火狐和谷歌瀏覽器都是沒有問題的，但是在ie9（其他ie沒試，應(yīng)該同理）就不能正常導(dǎo)出
導(dǎo)致這個(gè)問題的原因是各種瀏覽器對(duì)URL解析的長(zhǎng)度限制是不同的，ie就是最小的那個(gè)，所以出問題了
Microsoft Internet Explorer (Browser)
IE瀏覽器對(duì)URL的最大限制為2083個(gè)字符，如果超過這個(gè)數(shù)字，提交按鈕沒有任何反應(yīng)。
Firefox (Browser)
對(duì)于Firefox瀏覽器URL的長(zhǎng)度限制為65,536個(gè)字符
Safari (Browser)
URL最大長(zhǎng)度限制為 80,000個(gè)字符。
Opera (Browser)
URL最大長(zhǎng)度限制為190,000個(gè)字符。
Google (chrome)
url最大長(zhǎng)度限制為8182個(gè)字符
這里還要注意的是WEB服務(wù)器對(duì)URL的長(zhǎng)度也有限制?。?/P>
因此不能用Get方法了，只能想辦法用post傳值，從而有了下面的方案，不知妥否，還請(qǐng)高手指點(diǎn)，總之功能是可以實(shí)現(xiàn)了
思路是用post把那個(gè)長(zhǎng)長(zhǎng)的字符串傳到后臺(tái)，保存到session中，在post的回調(diào)方法中再用window.location.href
代碼如下：
$.post(actionUrlSetData,mapList ,function(){
var actionUrl = path + "/***action!exportDatas.action"+ "?now=" + new Date().getTime();
window.location.href= actionUrl + "&" + (data);
});
- window.location和document.location的區(qū)別分析
- javascript 打開頁(yè)面window.location和window.open的區(qū)別
- 關(guān)于js中window.location.href,location.href,parent.location.href,top.location.href的用法與區(qū)別
- window.location.hash 使用說明
- javascript中的window.location.search方法簡(jiǎn)介
- window.navigate 與 window.location.href 的使用區(qū)別介紹
- window.location不跳轉(zhuǎn)的問題解決方法
- JavaScript window.location對(duì)象
相關(guān)文章
這篇文章主要介紹了使用js繪制幾何圖形的基礎(chǔ)，繪制點(diǎn)、線、面,需要的朋友可以參考下2015-01-01
最近加入到新項(xiàng)目組負(fù)責(zé)前端技術(shù)預(yù)研和選型，其中涉及到一個(gè)熟悉又陌生的需求——國(guó)際化＆本地化。熟悉的是之前的項(xiàng)目也玩過，陌生的是之前的實(shí)現(xiàn)僅僅停留在"有"的階段而已。趁著這個(gè)機(jī)會(huì)好好學(xué)習(xí)整理一下，為后面的技術(shù)選型做準(zhǔn)備2016-09-09
通過判斷UA中是否有關(guān)鍵字micromessenger，有的話則是微信內(nèi)置瀏覽器。下面小編給大家分享實(shí)現(xiàn)代碼，代碼簡(jiǎn)單易懂，需要的朋友可以參考下2016-06-06
這篇文章主要介紹了微信小程序加載機(jī)制及運(yùn)行機(jī)制圖解,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-11-11
JavaScript屏蔽指定區(qū)域內(nèi)右鍵菜單
有時(shí)候需要屏蔽部分區(qū)域內(nèi)的右鍵菜單，下面的代碼大家可以測(cè)試下。2010-03-03
JavaScript判斷變量是否為undefined的兩種寫法區(qū)別
這篇文章主要是對(duì)JavaScript判斷變量是否為undefined的兩種寫法區(qū)別進(jìn)行了詳細(xì)的介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2013-12-12
前端實(shí)現(xiàn)（excel）xlsx文件預(yù)覽的詳細(xì)步驟
excel的預(yù)覽庫(kù)有不少,也都很強(qiáng)大,但是能很簡(jiǎn)單實(shí)現(xiàn),下面這篇文章主要給大家介紹了關(guān)于前端實(shí)現(xiàn)（excel）xlsx文件預(yù)覽的詳細(xì)步驟,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-03-03
ajax跨域調(diào)用webservice的實(shí)現(xiàn)代碼
這篇文章主要介紹了 ajax跨域調(diào)用webservice服務(wù)例子和理解，最近ajax訪問webservice遇到跨域的問題，網(wǎng)上搜索資料，總結(jié)如下2016-05-05
JS遍歷JSON數(shù)組及獲取JSON數(shù)組長(zhǎng)度操作示例【測(cè)試可用】
這篇文章主要介紹了JS遍歷JSON數(shù)組及獲取JSON數(shù)組長(zhǎng)度操作,涉及javascript簡(jiǎn)單json數(shù)組遍歷與運(yùn)算相關(guān)操作技巧,需要的朋友可以參考下2018-12-12
內(nèi)部系統(tǒng)上線了一個(gè)發(fā)版記錄發(fā)版內(nèi)容的功能,維護(hù)發(fā)版記錄的同事提出一個(gè)可以展示前后文本差異的優(yōu)化需求,?使的每次變更前可以確認(rèn)新增了哪些,或者刪除了哪些內(nèi)容,所以本文給大家介紹了基于JS實(shí)現(xiàn)文本比較差異,需要的朋友可以參考下2023-12-12