js使用post 方式打開新窗口
更新時間：2015年02月26日 15:37:37 投稿：hebedich
這篇文章主要介紹了js使用post 方式打開新窗口的相關(guān)資料,需要的朋友可以參考下
js中一般新打開窗口很簡單直接window.open(url);就可以了，
但是由于我希望傳遞參數(shù)到服務(wù)端，而且參數(shù)看起來很長一串，而且get方式的提交參數(shù)長度是有限制的，因此我有以下需求：
1，js中實現(xiàn)post提交
2，返回的頁面在新窗口顯示
首先我是這么做的：
復(fù)制代碼 代碼如下:
$.ajax({
type: "POST",
url: '${contextPath}/analyse/detail.do',
data: {carNum :carNum,ids:refIds},
success: function(str_response) { var obj = window.open("about:blank");
obj.document.write(str_response);
}
});
通過jQuery ajax提交，返回的數(shù)據(jù)寫在新的頁面中，但是由于瀏覽器的會攔截自動彈出的窗口，這樣還需用戶自己解除攔截，用戶體驗很差，
然后我又通過模擬form表單的提交來實現(xiàn)
復(fù)制代碼 代碼如下:
function post(URL, PARAMS) { var temp_form = document.createElement("form");
temp_form .action = URL;
temp_form .target = "_blank";
temp_form .method = "post";
temp_form .style.display = "none"; for (var x in PARAMS) { var opt = document.createElement("textarea");
opt.name = x;
opt.value = PARAMS[x];
temp_form .appendChild(opt);
}
document.body.appendChild(temp);
temp_form .submit();
}
注意：如需新打開窗口 form 的target屬性要設(shè)置為'_blank'
然后請求post('${contextPath}/analyse/detail.do',{carNum :carNum,ids:refIds});就可以了
相關(guān)文章
這篇文章主要介紹了JS實現(xiàn)簡單獲取最近7天和最近3天日期的方法,涉及javascript針對日期與時間的相關(guān)數(shù)值運算與轉(zhuǎn)換操作技巧,需要的朋友可以參考下2018-04-04
javascript一種直譯式腳本語言，是一種動態(tài)類型、弱類型、基于原型的語言，內(nèi)置支持類型，本文給大家分享javascript實用方法二，感興趣的朋友一起學習吧2015-12-12
這篇文章主要介紹了JS 學習總結(jié)之正則表達式的懶惰性和貪婪性的相關(guān)資料,需要的朋友可以參考下2017-07-07
詳解JS中定時器setInterval和setTImeout的this指向問題
在js中setTimeout和setInterval都是用來定時的一個功能，下面這篇文章主要給介紹了JS中setInterval和setTImeout的this指向問題,文中通過示例介紹的很詳細，有需要的朋友可以參考借鑒，一起來看看吧。2017-01-01
這篇文章主要為大家詳細介紹了js彈性勢能動畫之拋物線運動的制作方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
添加事件的js方法也很多，有直接加到頁面結(jié)構(gòu)上的，有使用一些js事件監(jiān)聽的方法，由于各個瀏覽器對事件冒泡事件監(jiān)聽的機制不同2014-08-08
關(guān)于原生js中bind函數(shù)的簡單實現(xiàn)
下面小編就為大家?guī)硪黄P(guān)于原生js中bind函數(shù)的簡單實現(xiàn)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
javascript支持區(qū)號輸入的省市二級聯(lián)動下拉菜單
javascript支持區(qū)號輸入的省市二級聯(lián)動下拉菜單...2007-05-05
這篇文章主要介紹了通過js將26個英文字母按順序依次排列方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
Module模式是常見的JavaScript編程模式，一般來說這種模式是很好理解的，但是依然有一些高級的用法沒有得到太多的注意。在這篇文章中我會提到Module模式的基礎(chǔ)知識和一些真正重要的話題，包括一個可能是我原創(chuàng)的2013-08-08