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