快捷導(dǎo)航

window.open()實(shí)現(xiàn)post傳遞參數(shù)

更新時(shí)間：2015年03月12日 09:44:12 投稿：hebedich

本文主要向大家介紹了如何使用window.open()實(shí)現(xiàn)post傳遞參數(shù)的方法，思路是參考的一位網(wǎng)友的，然后根據(jù)自己的項(xiàng)目需求做了些調(diào)整，這里同樣分享給大家，希望對(duì)大家能夠有所幫助。

在實(shí)際項(xiàng)目中，常常遇到這樣的需求，即實(shí)現(xiàn)子系統(tǒng)頁面之間跳轉(zhuǎn)并在新的頁面打開，我所在項(xiàng)目組使用的是SSH框架，所以u(píng)rl均為類似****.action，同時(shí)還帶有兩參數(shù)（系統(tǒng)ID與系統(tǒng)名稱），兩個(gè)參數(shù)被struts攔截后存入session中，在打開的子系統(tǒng)頁面中還有個(gè)ztree插件實(shí)現(xiàn)的樹狀菜單需要參數(shù)系統(tǒng)ID才能初始化，直接使用window.open(url,"_blank")，會(huì)使得url長度過長，同時(shí)還暴露一些參數(shù)。故想改用post方式提交，隱藏提交過程中參數(shù)的傳遞。首先想到ajax提交，但是兩個(gè)參數(shù)的傳遞會(huì)存在問題，ajax提交與window.open()會(huì)使得action走兩遍，因此舍去。后又重新認(rèn)真看了window.open()的API，鏈接地址http://www.w3school.com.cn/jsref/met_win_open.asp。window.open()默認(rèn)是get提交方式，想要實(shí)現(xiàn)post提交方式，還得另想它法。參考http://www.fzitv.net/article/32826.htm，這里介紹了一種方法。也是常被采用的方法。我根據(jù)實(shí)際情況略作修改：

復(fù)制代碼代碼如下:

function openPostWindow(url, name, data1, data2){

    var tempForm = document.createElement("form");

    tempForm.id = "tempForm1";

    tempForm.method = "post";

    tempForm.action = url;

    tempForm.target=name;

    var hideInput1 = document.createElement("input");

    hideInput1.type = "hidden";

    hideInput1.name="xtid";

    hideInput1.value = data1;

    var hideInput2 = document.createElement("input");

    hideInput2.type = "hidden";

    hideInput2.name="xtmc";

    hideInput2.value = data2;

    tempForm.appendChild(hideInput1);

    tempForm.appendChild(hideInput2);

    if(document.all){

        tempForm.attachEvent("onsubmit",function(){});        //IE

    }else{

        var subObj = tempForm.addEventListener("submit",function(){},false);    //firefox

    }

    document.body.appendChild(tempForm);

    if(document.all){

        tempForm.fireEvent("onsubmit");

    }else{

        tempForm.dispatchEvent(new Event("submit"));

    }

    tempForm.submit();

    document.body.removeChild(tempForm);

}

//function openWindow(name){

//    window.open("",name);

//}

openPostWindow()函數(shù)中的參數(shù)個(gè)數(shù)根據(jù)實(shí)際需要自行修改。data1與data2為action需要傳遞的參數(shù)。此外，此處還需考慮Javascript事件瀏覽器兼容問題。我這里注釋了function openWindow()，不然會(huì)多打開一個(gè)空白頁面（about:blank）。這樣基本滿足需求了。

以上就是本文分享的全部內(nèi)容了，希望大家能夠喜歡。

您可能感興趣的文章: