首頁 >web前端 >js教程 >用JS提交參數建立form表單在FireFox遇到的問題_javascript技巧

用JS提交參數建立form表單在FireFox遇到的問題_javascript技巧

WBOY
WBOY原創
2016-05-16 17:43:261061瀏覽

在一個前端頁面上,需要透過JavaScript來提交參數,使用JS建立form表單,將參數append到表單中提交,程式碼如下:
Js程式碼:

複製程式碼 程式碼如下:

functionloadConfig(gameUrl,skinId){
vartempPage." );
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在提交頁面表單時要求頁面有完整的標籤項,即
這樣的標籤結構。因此,將該段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();
}

temp.submit();
}
在標籤內append此處建立的form表單,再進行提交就能成功了。
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn