Ajax其實很簡單,我現在就將用Ajax技術開發時用的方法和步聚分享給大家

?

//一、創建xmlhttp對象 ?

function?createXMLHttpRequest() ?

{ ?

??if(window.ActiveXObject){ ?

????//MS?IE ?

????try{ ?

????????xmlhttp=new?ActiveXObject("Msxml2.XMLHTTP");? ?

????}catch(e){ ?

????????try{ ?

????????????xmlhttp=new?ActiveXObject("Microsoft.XMLHTTP"); ?

????????}catch(e){?} ?

????}? ?

}else?if(window.XMLHttpRequest){ ?

????//NOT?MS?IE ?

????xmlhttp=new?XMLHttpRequest(); ?

????} ?

if(!xmlhttp){ ?

????xmlhttp=false; ?

????alert("無法建立?Ajax?請求對象,你的瀏覽器版本太低，建議升級你的瀏覽器."); ?

????//window.location.href="ajaxError.htm"; ?

????} ?

//二、寫一個公共的調用函數 ?

var?pubdiv=""; ?

function?AjaxGetContent(url,divobj) ?

{ ?

??pubdiv=divobj; ?

??createXMLHttpRequest(); ?

??document.getElementById(divobj).innerHTML="正在載入..."; ?

??xmlhttp.onreadystatechange=ResultAjaxGetContent;?//ajax回調函數 ?

??xmlhttp.open("post",url,true); ?

??xmlhttp.send(null) ?

} ?

//ajax回調函數 ?

function?ResultAjaxGetContent() ?

{ ?

??if?(xmlhttp.readyState==4) ?

??{ ?

????if?(xmlhttp.status==200) ?

????{ ?

??????document.getElementById(pubdiv).innerHTML=xmlhttp.responseText; ?

?????}?????? ?

???} ?

} ?

//三、寫具體的事件功能函數,調用上面定義的ajax公用函數實現具體功能 ?

如 ?

//div_car:為頁面上要顯示購物車信息的圖層ID ?

function?AjaxShowCart() ?

{ ?

??var?url="cart.asp?userid=8"; ?

??AjaxGetContent(url,"div_cart") ?

} ?

//通過以上三步就可使用AJAX功能了!現在有很多的ajax框架可用,但個人覺得在很多的時候那些顯得有些龐大的框架根本就用不著,自己寫的代碼更實用又方便！?

?

轉載于:https://blog.51cto.com/hlhcto/390408

總結

以上是生活随笔為你收集整理的Ajax的使用体验的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。