手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >用JS提交参数创建form表单在FireFox中遇到的问题
用JS提交参数创建form表单在FireFox中遇到的问题
摘要:在一个前端页面上,需要通过JavaScript来提交参数,使用JS创建form表单,将参数append到表单中进行提交,代码如下:Js代码:...

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

【用JS提交参数创建form表单在FireFox中遇到的问题】相关文章:

解决 FireFox 下[使用event很麻烦] 的问题.

浅谈利用JavaScript进行的DDoS攻击原理与防御

jQuery判断一个元素是否可见的方法

JavaScript窗口功能指南之在窗口中书写内容

jquery简单实现外部链接用新窗口打开的方法

JQuery boxy插件在IE中边角图片不显示问题的解决

制作特殊字的脚本

JS创建对象几种不同方法详解

如何用JS取得网址中的文件名

利用JS生成博文目录及CSS定制博客

精品推荐
分类导航