DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 用JS提交參數創建form表單在FireFox中遇到的問題
用JS提交參數創建form表單在FireFox中遇到的問題
編輯:關於JavaScript     
在一個前端頁面上,需要通過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表單,再進行提交就能成功了。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved