使用jquery實現以post開啟新視窗

來源:互聯網
上載者:User

網路上已有此功能的函數,是以純JS實現。但是在項目中發現,此函數無法相容Firefox,由此我重寫了此方法.
複製代碼 代碼如下:
//預設新視窗配置
var windowDefaultConfig = new Object;
windowDefaultConfig['directories'] = 'no';
windowDefaultConfig['location'] = 'no';
windowDefaultConfig['menubar'] = 'no';
windowDefaultConfig['resizable'] = 'yes';
windowDefaultConfig['scrollbars'] = 'yes';
windowDefaultConfig['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 = $("<form></form>",{
'id':'tempForm',
'method':'post',
'action':url,
'target':name,
'style':'display:none'
}).appendTo($("body"));

//將隱藏欄位加入表單
for(var i in args){
_form.append($("<input>",{'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();
}

記錄下來,以後可以用。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.