用JS提交參數(shù)創(chuàng)建form表單在FireFox中遇到的問題
更新時間：2013年01月16日 16:25:29 作者：
在一個前端頁面上，需要通過JavaScript來提交參數(shù)，使用JS創(chuàng)建form表單，將參數(shù)append到表單中進行提交,接下來將介紹如何操作與實現(xiàn)
在一個前端頁面上，需要通過JavaScript來提交參數(shù)，使用JS創(chuàng)建form表單，將參數(shù)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）時不能成功提交，經(jīng)過研究發(fā)現(xiàn)，F(xiàn)ireFox在提交頁面表單時要求頁面有完整的標簽項，即<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>標簽內(nèi)append此處創(chuàng)建的form表單，再進行提交就能成功了。
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）時不能成功提交，經(jīng)過研究發(fā)現(xiàn)，F(xiàn)ireFox在提交頁面表單時要求頁面有完整的標簽項，即<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>標簽內(nèi)append此處創(chuàng)建的form表單，再進行提交就能成功了。
相關文章
本文主要對一個頁面從輸入 URL 到頁面加載完的過程中都發(fā)生了什么事情進行概述，對我們學習網(wǎng)絡語言有一定的幫助，下面就跟小編一起來看下吧2016-12-12
使用bootstrap typeahead插件實現(xiàn)輸入框自動補全之問題及解決辦法
這篇文章主要介紹了使用bootstrap typeahead插件實現(xiàn)輸入框自動補全之問題及解決辦法的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-07-07
UUID是一種由算法生成的二進制長度為128位的數(shù)字標識符，格式為“xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx”。本文總結了五個JS生成UUID的方法，感興趣的可以了解一下2022-06-06
在本篇文章里我們給大家分享了關于JS中pop使用方法的實例內(nèi)容，有興趣的朋友們學習下。2019-01-01
本文主要介紹了JavaScript的數(shù)組操作，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
這篇文章主要為大家詳細介紹了javascript實現(xiàn)倒計時小案例，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
本文主要介紹了js利用正則表達式驗證密碼強度的實例，具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
JS實現(xiàn)新浪博客左側(cè)的Blog管理菜單效果代碼
這篇文章主要介紹了JS實現(xiàn)新浪博客左側(cè)的Blog管理菜單效果代碼,可實現(xiàn)基于鼠標點擊事件動態(tài)操作頁面元素樣式的功能,界面美觀大方,簡潔實用,需要的朋友可以參考下2015-10-10
這篇文章主要介紹了關于數(shù)據(jù)與后端進行交流匹配(點亮星星) 的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-08-08
JavaScript實現(xiàn)設計模式中的單例模式的一些技巧總結
單例模式是JavaScript項目中最常用的設計模式之一,下面羅列了JavaScript實現(xiàn)設計模式中的單例模式的一些技巧總結,包括惰性加載與分支技術等,需要的朋友可以參考下.2016-05-05