用JS提交參數(shù)創(chuàng)建form表單在FireFox中遇到的問題

2024-05-06 14:19:54

字體：大中小

供稿：網(wǎng)友

在一個前端頁面上，需要通過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>這樣的標簽結(jié)構(gòu)。因此，將該段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表單，再進行提交就能成功了。

上一篇：JQuery中根據(jù)屬性或?qū)傩灾但@得元素(6種情況獲取方法)

下一篇：嘗試在讓script的type屬性等于text/html