JS使用post提交的兩種方式
本文實(shí)例講述了JS使用post提交的兩種方式。分享給大家供大家參考,具體如下:
第一種提交post的方式是傳統(tǒng)方式,判斷瀏覽器進(jìn)行post請求。
<SCRIPT stype=text/javascript> var xmlobj; //定義XMLHttpRequest對象 function CreateXMLHttpRequest() { if(window.ActiveXObject) //如果當(dāng)前瀏覽器支持Active Xobject,則創(chuàng)建ActiveXObject對象 { //xmlobj = new ActiveXObject("Microsoft.XMLHTTP"); try { xmlobj = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { xmlobj = new ActiveXObject("Microsoft.XMLHTTP"); } catch (E) { xmlobj = false; } } } else if(window.XMLHttpRequest) //如果當(dāng)前瀏覽器支持XMLHttp Request,則創(chuàng)建XMLHttpRequest對象 { xmlobj = new XMLHttpRequest(); } } function SubmitArticle(act,cityname,antique) //主程序函數(shù) { CreateXMLHttpRequest(); //創(chuàng)建對象 //var parm = "act=firstweather" ;//構(gòu)造URL參數(shù) //antique = escape(antique); var parm = "act=" + act + "&cityname=" + cityname + "&antique=" + antique;//構(gòu)造URL參數(shù) //xmlobj.open("POST", "{dede:global.cfg_templeturl/}/../include/weather.php", true); //調(diào)用weather.php xmlobj.open("POST", "/weather/include/weather.php", true); //調(diào)用weather.php xmlobj.setRequestHeader("cache-control","no-cache"); xmlobj.setRequestHeader("contentType","text/html;charset=uft-8") //指定發(fā)送的編碼 xmlobj.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;"); //設(shè)置請求頭信息 xmlobj.onreadystatechange = StatHandler; //判斷URL調(diào)用的狀態(tài)值并處理 xmlobj.send(parm); //設(shè)置為發(fā)送給服務(wù)器數(shù)據(jù) }
第二種方式則是虛擬表單的形式提交post請求
function post(URL, PARAMS) { var temp = document.createElement("form"); temp.action = URL; temp.method = "post"; temp.style.display = "none"; for (var x in PARAMS) { var opt = document.createElement("textarea"); opt.name = x; opt.value = PARAMS[x]; // alert(opt.name) temp.appendChild(opt); } document.body.appendChild(temp); temp.submit(); return temp; }
調(diào)用方法 如:
希望本文所述對大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
JS實(shí)現(xiàn)DOM刪除節(jié)點(diǎn)操作示例
這篇文章主要介紹了JS實(shí)現(xiàn)DOM刪除節(jié)點(diǎn)操作,結(jié)合實(shí)例形式分析了javascript使用removeChild()操作頁面dom節(jié)點(diǎn)刪除功能的相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-04-04JS實(shí)現(xiàn)網(wǎng)頁Div層Clone拖拽效果
這篇文章主要介紹了JS實(shí)現(xiàn)網(wǎng)頁Div層Clone拖拽效果,涉及JavaScript響應(yīng)鼠標(biāo)事件動態(tài)改變頁面元素位置屬性及層級屬性的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09document.selection.createRange方法與實(shí)例
document.selection.createRange() 根據(jù)當(dāng)前文字選擇返回 TextRange 對象,或根據(jù)控件選擇返回 ControlRange 對象2006-10-10通過Jscript中@cc_on 語句識別IE瀏覽器及版本的代碼
通過Jscript中@cc_on 語句識別IE瀏覽器及版本的代碼,需要的朋友可以參考下。2011-05-05JavaScript函數(shù)的特性與應(yīng)用實(shí)踐深入詳解
這篇文章主要介紹了JavaScript函數(shù)的特性與應(yīng)用實(shí)踐,結(jié)合實(shí)例形式較為深入的分析了javascript函數(shù)相關(guān)概念、特性、用法及操作注意事項(xiàng),需要的朋友可以參考下2018-12-12js實(shí)現(xiàn)仿Windows風(fēng)格選項(xiàng)卡和按鈕效果實(shí)例
這篇文章主要介紹了js實(shí)現(xiàn)仿Windows風(fēng)格選項(xiàng)卡和按鈕效果的方法,可實(shí)現(xiàn)類似windows選項(xiàng)卡風(fēng)格的tab標(biāo)簽效果,需要的朋友可以參考下2015-05-05Jquery 返回json數(shù)據(jù)在IE瀏覽器中提示下載的問題
Jquery 返回json數(shù)據(jù),IE瀏覽器提示下載的問題,當(dāng)提交完數(shù)據(jù)后返回的本來是json數(shù)據(jù)的,在火弧里測試正常,解決方法如下2014-05-05javascript模擬鼠標(biāo)點(diǎn)擊事件原理和實(shí)現(xiàn)方法
本文詳細(xì)介紹了JS模擬鼠標(biāo)點(diǎn)擊事件的原理以及應(yīng)用場景,并提供了模擬鼠標(biāo)左鍵點(diǎn)擊事件、右鍵點(diǎn)擊事件、滾輪事件和移動事件的代碼實(shí)現(xiàn),了解JS模擬鼠標(biāo)點(diǎn)擊事件的原理和實(shí)現(xiàn)方法對于開發(fā)人員非常重要,這對于許多面向用戶的web應(yīng)用程序的開發(fā)和測試都具有很重要的意義2023-09-09