使用jquery实现以post打开新窗口
更新时间:2014年03月19日 17:02:42 作者:
网络上已有此功能的函数,是以纯JS实现,本文为大家介绍的使用jquery实现,需要的朋友可以参考下
网络上已有此功能的函数,是以纯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();
}
记录下来,以后可以用。
复制代码 代码如下:
//默认新窗口配置
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();
}
记录下来,以后可以用。
相关文章
jqueryMobile 动态添加元素,展示刷新视图的实现方法
下面小编就为大家带来一篇jqueryMobile 动态添加元素,展示刷新视图的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2016-05-05
jquery ready函数、css函数及text()使用示例
想必大家对jquery的ready函数、css函数、text()并不陌生吧,其实很好理解的,接下来有个不错的示例,如果你对此理解还是很模糊可以参考下2013-09-09
jQuery Selectors(选择器)的使用(六、属性篇)
本系列文章主要讲述jQuery框架的选择器(Selectors)使用方法,我将以实例方式进行讲述,以简单,全面为基础,不会涉及很深,我的学习方法:先入门,后进阶!2009-12-12
javascript原生和jquery库实现iframe自适应高度和宽度
这篇文章主要介绍了javascript原生和jquery库实现iframe自适应内容高度和宽度,需要的朋友可以参考下2014-07-07


最新评论