用JS提交参数创建form表单在FireFox中遇到的问题
JS 问题 创建 参数 提交 表单 遇到 firefox
2023-06-13 09:14:44 时间
在一个前端页面上,需要通过JavaScript来提交参数,使用JS创建form表单,将参数append到表单中进行提交,代码如下:
Js代码:
复制代码代码如下:
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表单,再进行提交就能成功了。
相关文章
- js对象数组添加元素
- JS原生复制
- Js Date日期格式和字符串的相互转化「建议收藏」
- html js 全局 变量,JS定义全局变量
- js页面刷新或关闭时弹框消失_js刷新页面如何保留页面内容
- js随机生成一个[min,max]范围的整数,举一反三
- 使用Nginx设置反向代理后无法识别css,js等等问题解决办法
- 如何使用jscythe并通过Node.js的Inspector机制执行任意JS代码
- 【源码】PDF.js批注注释插件库(纯JS). 创建和保存PDF批注(PDF 高亮/签名/插图/截屏/文本框/画笔/多边形)-pdf.js
- node.js:exopress-连接mysql报错:Access denied for user ‘root’@’localhost’ (using password: NO)问题解决。详解编程语言
- 解决js中传值,Action获取是乱码问题详解编程语言
- 使用 JS 操作 Redis:实现强大数据存储.(js调用redis)
- JS实时链接Oracle让数据库访问更便捷(js实时连接oracle)
- js技巧--转义符""的妙用
- 使用prototype.js的时候应该特别注意的几个问题.
- js每次Title显示不同的名言
- 用js解决数字不能换行问题
- JS实现完美include加载功能代码
- js优化次数过多的循环考虑到性能问题
- js实现css风格选择器(压缩后2KB)
- ie8.0下显示本地图片的js实现代码img.src
- js修改地址栏URL参数解决url参数问题
- JS实现导航栏悬停效果
- js传中文参数controller里获取参数乱码问题解决方法
- 页面js遇到乱码问题的解决方法是和无法转码的情况
- JS实现根据当前文字选择返回被选中的文字
- node.js中的http.createServer方法使用说明
- JS长整型精度问题实例分析