使用jquery實作以post開啟新視窗_jquery

網路上已有此功能的函數，是以純JS實作。但在專案中發現，此函數無法相容於Firefox，由此我重寫了此方法.

複製程式碼 程式碼如下:

//預設新視窗配置
var windowDefaultConfig = new Object;
windowDefaultConfig['directories'] = 'no';
windowDefaultConfig['directories'] = 'no';
windowDefaultConfig['directories'] = 'no';
windowDefaultConfig =[noefault'] ';
windowDefaultConfig['menubar'] = 'no';
windowDefaultConfig['resizable'] = 'yes';
windowDefaultConfig['scrollbars'] = 'yes';🎜>windowDefaultConfig['scrollbars'] = 'yes';
windowDefaultConfig['scrollbars'] = 'yes'; status'] = 'no';

windowDefaultConfig['toolbar'] = 'no';

複製代碼

程式碼如下:


/**
* 以POST表單方式開啟新視窗的JQUERY實作
@param:url 需要開啟的URL
@param:args URL的參數，資料類型為object
@param:name 開啟URL視窗的名字，如果同一按鈕需要重複地打開新窗口，
而不是在第一次打開的窗口做刷新，此參數應每次不同
@param:windowParam 新打開窗口的參數配置
* @author: haijiang.mo
*/
function jQueryOpenPostWindow(url,args,name,windowParam){



//🎜>

//建立表單物件
var _form = $("

",{
'id':'tempForm',
'method':'post',
'action' :url,
'target':name,
'style':'display:none'
}).appendTo($("body"));

//將隱藏網域加入表單
for(var i in args){
_form.append($("",{'type':'hidden','name':i,'value':args[ i]}));
}

//克隆視窗參數物件
var windowConfig = clone(windowDefaultConfig);

//設定視窗
for(var i in windowParam){
windowConfig[i] = windowParam[i];
}

//視窗設定字串
var windowConfigStr = "";


for( var i in windowConfig){
windowConfigStr = i "=" windowConfig[i] ",";
}

//綁定提交觸發事件
_form.bind('submit' ,function(){
window.open("about:blank",name,windowConfigStr);
});

//觸發提交事件
_form.trigger("submit" ); //表單刪除_form.remove(); } 記錄下來，以後可以用。