用JS提交参数创建form表单在FireFox中遇到的问题


Posted in Javascript onJanuary 16, 2013

在一个前端页面上,需要通过JavaScript来提交参数,使用JS创建form表单,将参数append到表单中进行提交,代码如下:
Js代码:

functionloadConfig(gameUrl,skinId){ 
vartemp=document.createElement("form"); 
temp.action="${createLink(controller:'mobileConfig',action:'beforeLaunchConfig')}"; 
temp.method="POST"; 
temp.style.visibility="hidden"; 
varopt=document.createElement("input"); 
opt.name="gameUrl"; 
opt.id="gameUrl"; 
opt.value=gameUrl; 
varopt2=document.createElement("input"); 
opt2.name="skinId"; 
opt2.id="skinId"; 
opt2.value=skinId; 
temp.appendChild(opt); 
temp.appendChild(opt2); 
temp.submit(); 
}

该功能在Chrome及Safari上都能成功运行,但在使用FireFox(17.0.1)时不能成功提交,经过研究发现,FireFox在提交页面表单时要求页面有完整的标签项,即<html><head><title></title></head><body><form></form</body</html>这样的标签结构。因此,将该段JS做了写小改动:
Js代码:
functionloadConfig(gameUrl,skinId){ 
varpageDiv=document.getElementById("page"); 
vartemp=document.createElement("form"); 
temp.action="${createLink(controller:'mobileConfig',action:'beforeLaunchConfig')}"; 
temp.method="POST"; 
temp.style.visibility="hidden"; 
temp.name="loadConfigPage"; 
varopt=document.createElement("input"); 
opt.name="gameUrl"; 
opt.id="gameUrl"; 
opt.value=gameUrl; 
varopt2=document.createElement("input"); 
opt2.name="skinId"; 
opt2.id="skinId"; 
opt2.value=skinId; 
temp.appendChild(opt); 
temp.appendChild(opt2); 
pageDiv.appendChild(temp); 
temp.submit(); 
}

在<body>标签内append此处创建的form表单,再进行提交就能成功了。
Javascript 相关文章推荐
Js 时间间隔计算的函数(间隔天数)
Nov 15 Javascript
js中function()使用方法
Dec 24 Javascript
JavaScript实现页面跳转的方式汇总
May 16 Javascript
微信小程序 小程序制作及动画(animation样式)详解
Jan 06 Javascript
微信小程序实战之运维小项目
Jan 17 Javascript
node.js入门学习之url模块
Feb 25 Javascript
Vue.directive自定义指令的使用详解
Mar 10 Javascript
JS按钮闪烁功能的实现代码
Jul 21 Javascript
Bootstrap 实现表格样式、表单布局的实例代码
Dec 09 Javascript
Vue实现图片与文字混输效果
Dec 04 Javascript
JavaScript修改注册表实例代码
Jan 05 Javascript
vue操作dom元素的3种方法示例
Sep 20 Javascript
体验js中splice()的强大(插入、删除或替换数组的元素)
Jan 16 #Javascript
Javascript中产生固定结果的函数优化技巧
Jan 16 #Javascript
js 在定义的时候立即执行的函数表达式(function)写法
Jan 16 #Javascript
JQuery验证工具类搜集整理
Jan 16 #Javascript
js 实现在离开页面时提醒未保存的信息(减少用户重复操作)
Jan 16 #Javascript
js拦截alert对话框另类应用
Jan 16 #Javascript
javascript图像处理—仿射变换深度理解
Jan 16 #Javascript
You might like
WML,Apache,和 PHP 的介绍
2006/10/09 PHP
php设置允许大文件上传示例代码
2014/03/10 PHP
php使用imagick模块实现图片缩放、裁剪、压缩示例
2014/04/17 PHP
ThinkPHP实现附件上传功能
2017/04/27 PHP
PNGHandler-借助JS让PNG图在IE下实现透明(包括背景图)
2007/08/31 Javascript
设置iframe的document.designMode后仅Firefox中其body.innerHTML为br
2012/02/27 Javascript
Javascript对象中关于setTimeout和setInterval的this介绍
2012/07/21 Javascript
js获取url中指定参数值的示例代码
2013/12/14 Javascript
javascript使用prototype完成单继承
2014/12/24 Javascript
JavaScript  cookie 跨域访问之广告推广
2016/04/20 Javascript
JavaScript 函数的执行过程
2016/05/09 Javascript
JS高级运动实例分析
2016/12/20 Javascript
javascript数据结构中栈的应用之符号平衡问题
2017/04/11 Javascript
ES6中Math对象新增的方法实例详解
2017/04/25 Javascript
微信小程序实现皮肤功能(夜间模式)
2017/06/18 Javascript
vue.js自定义组件directives的实例代码
2018/11/09 Javascript
Next.js项目实战踩坑指南(笔记)
2018/11/29 Javascript
微信小程序的线程架构【推荐】
2019/05/14 Javascript
详解react组件通讯方式(多种)
2020/05/06 Javascript
[01:48]2018DOTA2亚洲邀请赛主赛事第二日五佳镜头 VG完美团战逆转TNC
2018/04/05 DOTA
Python2.x与Python3.x的区别
2016/01/14 Python
python pycurl验证basic和digest认证的方法
2018/05/02 Python
快速解决PyCharm无法引用matplotlib的问题
2018/05/24 Python
python爬虫的数据库连接问题【推荐】
2018/06/25 Python
tensorflow实现图像的裁剪和填充方法
2018/07/27 Python
使用python实现CGI环境搭建过程解析
2020/04/28 Python
tensorflow pb to tflite 精度下降详解
2020/05/25 Python
Python自动化xpath实现自动抢票抢货
2020/09/19 Python
大学生学习生活的自我评价
2013/11/01 职场文书
思想品德课教学反思
2014/02/10 职场文书
离婚财产处理协议书
2014/09/30 职场文书
2015年元旦标语大全
2014/12/09 职场文书
财务总监岗位职责范本
2015/04/03 职场文书
植物园观后感
2015/06/11 职场文书
房屋所有权证明
2015/06/19 职场文书
车辆管理制度范本
2015/08/05 职场文书