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

在一个前端页面上，需要通过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模块化编程(一)AMD规范(规范使用模块)

这个系列的第一部分介绍了Javascript模块的基本写法，今天介绍如何规范地使用模块。（接上文）七、模块的规范先想一想，为什么模块很重要？因为有了模块，我们就可以更方便地使用别人的代码，想要什么功能，就>>>详细阅读

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

地址：http://www.17bianji.com/kaifa2/JS/22500.html

1/2 1