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

最新推荐文章于 2019-06-28 17:45:58 发布

巴克

最新推荐文章于 2019-06-28 17:45:58 发布

阅读量944

点赞数

分类专栏： JavaScript知识

JavaScript知识专栏收录该内容

42 篇文章 0 订阅

订阅专栏

在一个前端页面上，需要通过JavaScript来提交参数，使用JS创建form表单，将参数append到表单中进行提交,接下来将介绍如何操作与实现

在一个前端页面上，需要通过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();  
 
 }