使用jquery實(shí)現(xiàn)以post打開(kāi)新窗口
更新時(shí)間：2014年03月19日 17:02:42 作者：
網(wǎng)絡(luò)上已有此功能的函數(shù)，是以純JS實(shí)現(xiàn)，本文為大家介紹的使用jquery實(shí)現(xiàn),需要的朋友可以參考下
網(wǎng)絡(luò)上已有此功能的函數(shù)，是以純JS實(shí)現(xiàn)。但是在項(xiàng)目中發(fā)現(xiàn)，此函數(shù)無(wú)法兼容Firefox，由此我重寫(xiě)了此方法.
//默認(rèn)新窗口配置
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表單方式打開(kāi)新窗口的JQUERY實(shí)現(xiàn)
@param:url 需要打開(kāi)的URL
@param:args URL的參數(shù)，數(shù)據(jù)類(lèi)型為object
@param:name 打開(kāi)URL窗口的名字，如果同一按鈕需要重復(fù)地打開(kāi)新窗口，
而不是在第一次打開(kāi)的窗口做刷新，此參數(shù)應(yīng)每次不同
@param:windowParam 新打開(kāi)窗口的參數(shù)配置
* @author: haijiang.mo
*/
function jQueryOpenPostWindow(url,args,name,windowParam){
//創(chuàng)建表單對(duì)象
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]}));
}
//克隆窗口參數(shù)對(duì)象
var windowConfig = clone(windowDefaultConfig);
//配置窗口
for(var i in windowParam){
windowConfig[i] = windowParam[i];
}
//窗口配置字符串
var windowConfigStr = "";
for(var i in windowConfig){
windowConfigStr += i+"="+windowConfig[i]+",";
}
//綁定提交觸發(fā)事件
_form.bind('submit',function(){
window.open("about:blank",name,windowConfigStr);
});
//觸發(fā)提交事件
_form.trigger("submit");
//表單刪除
_form.remove();
}
記錄下來(lái)，以后可以用。
復(fù)制代碼 代碼如下:
//默認(rèn)新窗口配置
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';
復(fù)制代碼 代碼如下:
/**
* 以POST表單方式打開(kāi)新窗口的JQUERY實(shí)現(xiàn)
@param:url 需要打開(kāi)的URL
@param:args URL的參數(shù)，數(shù)據(jù)類(lèi)型為object
@param:name 打開(kāi)URL窗口的名字，如果同一按鈕需要重復(fù)地打開(kāi)新窗口，
而不是在第一次打開(kāi)的窗口做刷新，此參數(shù)應(yīng)每次不同
@param:windowParam 新打開(kāi)窗口的參數(shù)配置
* @author: haijiang.mo
*/
function jQueryOpenPostWindow(url,args,name,windowParam){
//創(chuàng)建表單對(duì)象
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]}));
}
//克隆窗口參數(shù)對(duì)象
var windowConfig = clone(windowDefaultConfig);
//配置窗口
for(var i in windowParam){
windowConfig[i] = windowParam[i];
}
//窗口配置字符串
var windowConfigStr = "";
for(var i in windowConfig){
windowConfigStr += i+"="+windowConfig[i]+",";
}
//綁定提交觸發(fā)事件
_form.bind('submit',function(){
window.open("about:blank",name,windowConfigStr);
});
//觸發(fā)提交事件
_form.trigger("submit");
//表單刪除
_form.remove();
}
記錄下來(lái)，以后可以用。
相關(guān)文章
jQuery往textarea中光標(biāo)所在位置插入文本的方法
這篇文章主要介紹了jQuery往textarea中光標(biāo)所在位置插入文本的方法,實(shí)例分析了jQuery操作光標(biāo)及文本的相關(guān)技巧,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了jQuery插件ajaxFileUpload異步上傳文件的相關(guān)資料,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10
這篇文章主要介紹了jQuery中$.extend()用法,實(shí)例分析了extend()方法的功能、定義及相關(guān)的使用技巧,需要的朋友可以參考下2015-06-06
jqueryMobile 動(dòng)態(tài)添加元素,展示刷新視圖的實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇jqueryMobile 動(dòng)態(tài)添加元素,展示刷新視圖的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05
jquery ready函數(shù)、css函數(shù)及text()使用示例
想必大家對(duì)jquery的ready函數(shù)、css函數(shù)、text()并不陌生吧，其實(shí)很好理解的，接下來(lái)有個(gè)不錯(cuò)的示例，如果你對(duì)此理解還是很模糊可以參考下2013-09-09
這篇文章主要介紹了jQuery.parseHTML() 函數(shù),用于將HTML字符串解析為對(duì)應(yīng)的DOM節(jié)點(diǎn)數(shù)組,需要的朋友可以參考下2017-01-01
jquery實(shí)現(xiàn)移動(dòng)端懸浮拖拽框
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)移動(dòng)端懸浮拖拽框，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-02-02
jQuery Selectors(選擇器)的使用(六、屬性篇)
本系列文章主要講述jQuery框架的選擇器(Selectors)使用方法，我將以實(shí)例方式進(jìn)行講述，以簡(jiǎn)單，全面為基礎(chǔ)，不會(huì)涉及很深，我的學(xué)習(xí)方法：先入門(mén)，后進(jìn)階！2009-12-12
這篇文章主要介紹了jQuery過(guò)濾選擇器用法,包括可見(jiàn)性過(guò)濾:hidden、:visible,包含過(guò)濾:contains等各種常用的過(guò)濾選擇器,需要的朋友可以參考下2016-09-09
javascript原生和jquery庫(kù)實(shí)現(xiàn)iframe自適應(yīng)高度和寬度
這篇文章主要介紹了javascript原生和jquery庫(kù)實(shí)現(xiàn)iframe自適應(yīng)內(nèi)容高度和寬度,需要的朋友可以參考下2014-07-07