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

时间：2022-07-16 09:40:37|栏目：JavaScript代码|点击：次

在一个前端页面上，需要通过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表单，再进行提交就能成功了。

上一篇：BootStrap模态框闪退问题实例代码详解

栏目：JavaScript代码

下一篇：javascript确认框的三种使用方法

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

本文地址：http://www.codeinn.net/misctech/207911.html

更多JavaScript代码

JavaScript代码

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

阅读排行

推荐教程