JavaScript以POST方式打開(kāi)新頁(yè)面

場(chǎng)景:前置的查詢頁(yè)面,選擇查詢條件后提交到另一個(gè)頁(yè)面。

方式很多,列出我知道的幾種

1.window.open.

2.Response.Redirect.

3.Server.Transfer.

方法一和方法二都存在同樣的問(wèn)題,因?yàn)槭莋et方式提交的,所以提交的數(shù)據(jù)都會(huì)顯示URL中,一個(gè)是安全問(wèn)題,另外一個(gè)是URL長(zhǎng)度限制,在IE中,URL最大長(zhǎng)度為2083.所以數(shù)據(jù)量過(guò)多時(shí)會(huì)導(dǎo)致數(shù)據(jù)丟失。

于是考慮到通過(guò)POST方式傳遞參數(shù)。

????????/*? ? ? ??

????????*功能: JS跳轉(zhuǎn)頁(yè)面,并已POST方式提交數(shù)據(jù)

? ? ? ? *參數(shù): URL 跳轉(zhuǎn)地址 PARAMTERS 參數(shù)

? ? ? ? *返回值:

? ? ? ? *創(chuàng)建時(shí)間:20160713

? ? ? ? *創(chuàng)建人:

? ? ? ? */

????????function ShowReport_Click() {

? ? ? ? ? ? var parames =new Array();

? ? ? ? ? ? parames.push({ name: "param1", value: "param1"});

? ? ? ? ? ? parames.push({ name: "param2", value: "param2"});

? ? ? ? ? ? Post("SupplierReportPreview.aspx", parames);

? ? ? ? ? ? return false;

? ? ? ? }

? ? ? ? /*? ? ? ? *功能: 模擬form表單的提交

? ? ? ? *參數(shù): URL 跳轉(zhuǎn)地址 PARAMTERS 參數(shù)

? ? ? ? *返回值:

? ? ? ? *創(chuàng)建時(shí)間:20160713

? ? ? ? *創(chuàng)建人:

? ? ? ? */

????????function Post(URL, PARAMTERS) {

? ? ? ? ? ? //創(chuàng)建form表單

? ? ? ? ? ? var? temp_form = document.createElement("form");

? ? ? ? ? ? temp_form.action = URL;

? ? ? ? ? ? // 如需打開(kāi)新窗口,form的target屬性要設(shè)置為'_blank'temp_form.target = "_self";

? ? ? ? ? ? temp_form.method = "post";

? ? ? ? ? ? temp_form.style.display = "none";

? ? ? ? ? ? //添加參數(shù)

? ? ? ? ? ?for(var item in PARAMTERS) {

? ? ? ? ? ? ? ? var opt = document.createElement("textarea");

? ? ? ? ? ? ? ? opt.name = PARAMTERS[item].name;

? ? ? ? ? ? ? ? opt.value = PARAMTERS[item].value;

? ? ? ? ? ? ? ? temp_form.appendChild(opt);

? ? ? ? ? ? }

? ? ? ? ? ? document.body.appendChild(temp_form);

? ? ? ? ? ? //提交數(shù)據(jù)? ? ? ? ? ?

? ? ? ? ? ? temp_form.submit();

? ? ? ? }

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Spring Cloud為開(kāi)發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見(jiàn)模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,568評(píng)論 19 139
  • 22年12月更新:個(gè)人網(wǎng)站關(guān)停,如果仍舊對(duì)舊教程有興趣參考 Github 的markdown內(nèi)容[https://...
    tangyefei閱讀 35,411評(píng)論 22 257
  • ¥開(kāi)啟¥ 【iAPP實(shí)現(xiàn)進(jìn)入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開(kāi)一個(gè)線程,因...
    小菜c閱讀 7,334評(píng)論 0 17
  • “我失戀了。”前天晚上小A沒(méi)頭沒(méi)腦的發(fā)來(lái)這么一條消息,反應(yīng)半天才明白,是因?yàn)槁龟嫌辛伺笥选?“四千萬(wàn)粉絲同時(shí)失戀...
    北葵6號(hào)閱讀 1,096評(píng)論 1 3
  • 看到這題目時(shí)便毫不猶豫的決定和大家分享路遙的(平凡的世界)。少年不知愁滋味,如今一個(gè)人工作,生活,時(shí)隔六年再一次...
    2cf74b6d37cb閱讀 348評(píng)論 1 0

友情鏈接更多精彩內(nèi)容