用JS创建form在FireFox中不能提交的问题

最新推荐文章于 2022-08-31 17:56:56 发布

JiaLiSOFTWARE

最新推荐文章于 2022-08-31 17:56:56 发布

阅读量1.2k

点赞数

本文链接：https://blog.csdn.net/JiaLiSOFTWARE/article/details/8486828

版权

在一个前端页面上，需要通过 JavaScript来提交参数，使用JS创建form表单，将参数append到表单中进行提交，代码如下：

Js代码:

 
  function loadConfig(gameUrl,skinId){  
                 var temp = document.createElement("form");  
                 temp.action = "${createLink(controller:'mobileConfig', action:'beforeLaunchConfig')}";          
                 temp.method = "POST";  
                 temp.style.visibility="hidden";  
                 var opt = document.createElement("input");  
                 opt.name = "gameUrl";  
                 opt.id = "gameUrl";  
                 opt.value = gameUrl;  
                 var opt2 = 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代码:

 
  function loadConfig(gameUrl,skinId){  
                 var pageDiv = document.getElementById("page");  
                 var temp = document.createElement("form");  
                 temp.action = "${createLink(controller:'mobileConfig', action:'beforeLaunchConfig')}";          
                 temp.method = "POST";  
                 temp.style.visibility="hidden";  
                 temp.name = "loadConfigPage";  
                 var opt = document.createElement("input");  
                 opt.name = "gameUrl";  
                 opt.id = "gameUrl";  
                 opt.value = gameUrl;  
                 var opt2 = 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表单，再进行提交就能成功了。参考博文：http://bytes.com/topic/javascript/answers/542837-document-getelementbyid-myform-submit-does-not-work

JiaLiSOFTWARE

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
用JS创建form在FireFox中不能提交的问题

在一个前端页面上，需要通过JavaScript来提交参数，使用JS创建form表单，将参数append到表单中进行提交，代码如下：Js代码: function loadConfig(gameUrl,skinId){ var temp = document.createElement("form");
复制链接

扫一扫