用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+css实现增加表单可用性之提示文字
Jun 03 Javascript
用javascript为页面添加天气显示实现思路及代码
Dec 02 Javascript
jquery弹窗插件colorbox绑定动态生成元素的方法
Jun 20 Javascript
JS中捕获console.log()输出的方法
Apr 16 Javascript
详解JavaScript中的客户端消息框架设计原理
Jun 24 Javascript
javascript日期处理函数,性能优化批处理
Sep 06 Javascript
详解JavaScript数组和字符串中去除重复值的方法
Mar 07 Javascript
通过AngularJS实现图片上传及缩略图展示示例
Jan 03 Javascript
JavaScript中正则表达式判断匹配规则及常用方法
Aug 03 Javascript
微信小程序实现轮播图效果
Sep 07 Javascript
使用layer弹窗提交表单时判断表单是否输入为空的例子
Sep 26 Javascript
vue缓存之keep-alive的理解和应用详解
Nov 02 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
php 自写函数代码 获取关键字 去超链接
2010/02/08 PHP
PHP CodeIgniter框架的工作原理研究
2015/03/30 PHP
PHP如何通过AJAX方式实现登录功能
2015/11/23 PHP
用js实现trim()的解决办法
2013/04/16 Javascript
jQuery动态添加、删除元素的方法
2014/01/09 Javascript
jquery+javascript编写国籍控件
2015/02/12 Javascript
jQuery循环遍历子节点并获取值的方法
2016/04/14 Javascript
jQuery EasyUI API 中文帮助文档和扩展实例
2016/08/01 Javascript
JavaScript中关键字 in 的使用方法详解
2016/10/17 Javascript
如何实现星星评价(jquery.raty.js插件)
2016/12/21 Javascript
NodeJs测试框架Mocha的安装与使用
2017/03/28 NodeJs
JS触摸与手势事件详解
2017/05/09 Javascript
深入理解Vue-cli搭建项目后的目录结构探秘
2017/07/13 Javascript
Bootstrap滚动监听组件scrollspy.js使用方法详解
2017/07/20 Javascript
jquery实现用户登陆界面(示例讲解)
2017/09/06 jQuery
NodeJS实现视频转码的示例代码
2017/11/18 NodeJs
详解使用jest对vue项目进行单元测试
2018/09/07 Javascript
python服务器端收发请求的实现代码
2014/09/29 Python
python3 小数位的四舍五入(用两种方法解决round 遇5不进)
2019/04/11 Python
python使用原始套接字发送二层包(链路层帧)的方法
2019/07/22 Python
Django如何将URL映射到视图
2019/07/29 Python
python实现人工智能Ai抠图功能
2019/09/05 Python
Python 继承,重写,super()调用父类方法操作示例
2019/09/29 Python
使用Python操作ArangoDB的方法步骤
2020/02/02 Python
python实现处理mysql结果输出方式
2020/04/09 Python
Python configparser模块操作代码实例
2020/06/08 Python
python logging 重复写日志问题解决办法详解
2020/08/04 Python
Python实现Kerberos用户的增删改查操作
2020/12/14 Python
鼠标滚轮事件和Mac触控板双指事件
2019/12/23 HTML / CSS
阿根廷网上配眼镜:SmartBuyGlasses阿根廷
2016/08/19 全球购物
函授自我鉴定
2013/11/06 职场文书
课改先进个人汇报材料
2014/01/26 职场文书
计算机专业应届生求职信
2014/04/06 职场文书
希特勒经典演讲稿
2014/05/19 职场文书
2016年五四青年节校园广播稿
2015/12/17 职场文书
Java练习之潜艇小游戏的实现
2022/03/16 Java/Android