当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 使用jquery实现以post打开新窗口

使用jquery实现以post打开新窗口

2019年03月22日  | 移动技术网IT编程  | 我要评论

网络上已有此功能的函数，是以纯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();
}


记录下来，以后可以用。

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网