用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 相关文章推荐
用javascript控制iframe滚动的代码
Apr 10 Javascript
FormValid0.5版本发布,带ajax自定义验证例子
Aug 17 Javascript
js替代copy(示例代码)
Nov 27 Javascript
jQuery统计上传文件大小的方法
Jan 24 Javascript
js判断手机号运营商的方法
Oct 23 Javascript
Jquery on方法绑定事件后执行多次的解决方法
Jun 02 Javascript
利用Query+bootstrap和js两种方式实现日期选择器
Jan 10 Javascript
JS判断指定dom元素是否在屏幕内的方法实例
Jan 23 Javascript
利用Angular+Angular-Ui实现分页(代码加简单)
Mar 10 Javascript
Vue+element-ui 实现表格的分页功能示例
Aug 18 Javascript
webpack.DefinePlugin与cross-env区别详解
Feb 23 Javascript
详解JavaScript中的数据类型,以及检测数据类型的方法
Sep 17 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
《雄兵连》《烈阳天道》真的来了
2020/07/13 国漫
PHP添加MySQL数据记录代码
2008/06/07 PHP
PHP 异步执行方法,模拟多线程的应用分析
2013/06/03 PHP
PHP对表单提交特殊字符的过滤和处理方法汇总
2014/02/18 PHP
PHP反向代理类代码
2014/08/15 PHP
PHP实现获取FLV文件的时间
2015/02/10 PHP
php获取英文姓名首字母的方法
2015/07/13 PHP
javascript或asp实现的判断身份证号码是否正确两种验证方法
2009/11/26 Javascript
判断用户的在线状态 onbeforeunload事件
2011/03/05 Javascript
Javascript基于AJAX回调函数传递参数实例分析
2015/12/15 Javascript
JS onkeypress兼容性写法详解
2016/04/27 Javascript
一个有意思的鼠标点击文字特效jquery代码
2017/09/23 jQuery
vant(ZanUi)结合async-validator实现表单验证的方法
2018/12/06 Javascript
CKEditor 4.4.1 添加代码高亮显示插件功能教程【使用官方推荐Code Snippet插件】
2019/06/14 Javascript
微信小程序 生成携带参数的二维码
2019/10/23 Javascript
Vuex实现购物车小功能
2020/08/17 Javascript
Openlayers实现测量功能
2020/09/25 Javascript
解决Python 遍历字典时删除元素报异常的问题
2016/09/11 Python
python实现汽车管理系统
2018/11/30 Python
python中metaclass原理与用法详解
2019/06/25 Python
python实现简单银行管理系统
2019/10/25 Python
Python可以实现栈的结构吗
2020/05/27 Python
python实现画图工具
2020/08/27 Python
如何用Python进行时间序列分解和预测
2021/03/01 Python
德国最大的网上足球商店:11teamsports
2019/09/11 全球购物
俄语地区最大的中国商品在线购物网站之一:Umka Mall
2019/11/03 全球购物
材料会计岗位职责
2014/03/06 职场文书
秋天的雨教学反思
2014/04/27 职场文书
英文求职信范文
2014/05/23 职场文书
小学工作总结2015
2015/05/04 职场文书
逃出克隆岛观后感
2015/06/09 职场文书
原来闭幕词是这样写的呀!
2019/07/01 职场文书
创业计划书之烤红薯
2019/09/26 职场文书
golang 如何用反射reflect操作结构体
2021/04/28 Golang
python析构函数用法及注意事项
2021/06/22 Python
CSS3实现指纹特效代码
2022/03/17 HTML / CSS