這篇文章將為大家詳細講解有關Ajax如何無刷新Url提交頁面,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。

成都創(chuàng)新互聯(lián)于2013年創(chuàng)立,先為井陘等服務建站,井陘等地企業(yè),進行企業(yè)商務咨詢服務。為井陘企業(yè)網站制作PC+手機+微官網三網同步一站式服務解決您的所有建站問題。
在Jquery,porotype,Ext等框架流行之后,大量簡化的代碼可說是為程序員帶來了福音,
從繁重的代碼工作之中解脫出來,輕易的就可以實現(xiàn)過去書寫復雜的功能。
不過有利有弊,到如今,習慣了使用各種框架,而很少自己書寫內部源碼的程序員們,還有幾個記得Ajax那其實并不算復雜的基本代碼呢?
為了不遺忘當初的熱忱,我把這基礎的代碼再貼出來,給自己回顧一下。
1。對于Ajax來說,判斷瀏覽器的類別是一個重復而且毫無新意的工作,這段代碼完全可以封裝起來,隨意調用。
代碼如下:
function xmlhttp()
{
var A=null
try
{
A=new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e)
{
try
{
A=new ActiveXObject("Microsoft.XMLHTTP");
}
catch(oc)
{
if(typeof XMLHttpRequest!="Undefined")
{
A=new XMLHttpRequest();
}
}
}
return A;
}
不解釋了,反正就算不懂,直接復制過去用也是沒有問題的。
2。接下來是提交Url的代碼。
整個過程其實大同小異,大部分代碼其實都可以封裝起來,只要將參數(shù)傳入,再獲取結果就可以了。
代碼如下:
function Ajax(url)
{
var XmlHttp=new xmlhttp();
try
{
XmlHttp.open("POST",url,true);
var result=SendUrl();
}
catch(e)
{
alert(e);
}
}
3.
代碼如下:
function SendUrl()
{
XmlHttp.send();
XmlHttp.onreadystatechange=function()
{
if(XmlHttp.readyState==4 && XmlHttp.status==200)
{
var result=XmlHttp.responseText;
return result;
}
}
}
關于“Ajax如何無刷新Url提交頁面”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,使各位可以學到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。
網頁題目:Ajax如何無刷新Url提交頁面
本文路徑:http://chinadenli.net/article6/gsjhog.html
成都網站建設公司_創(chuàng)新互聯(lián),為您提供企業(yè)網站制作、標簽優(yōu)化、虛擬主機、品牌網站建設、定制開發(fā)、云服務器
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)