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

thewaychung

浏览: 23024 次
性别:
来自: 北京

最近访客更多访客>>

fangbinren

slyok07

xiumoo

blues1021

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

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

博客分类：

JavaScript

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

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做了写小改动：

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

0
顶

0
踩

分享到：