Ajax入門學習筆記

今天下午,隨便翻了幾本Ajax的書籍 .包括Lee Babin的 Beginning Ajax with PHP ; Ajax Hack 等。算是曉得Ajax是啥東西了。 Ajax依賴於Javascript和XML,實現異步的數據傳輸,在Web客戶端的表現就是頁面無需刷新。這玩意最早是、Microsoft提出來的,貌似現在還沒有國際標準,但所有主流瀏覽器都支持。Ajax核心是Javascript的 windows.XMLHttpRequest對象 (IE6以下版本是ActiveXObject) 要創建一個 Ajax實例,只需創建 XMLHttpRequest對象即可。但是IE6及以下版本必須用完全不同的ActiveXObject方式創建。所幸的是除了初始化外兩種方式創建的對象屬性和方法幾乎完全相同 .而且 IE7也開始支持標準XMLHttpRequest 對象.但現在貌似IE6還有人用..   XMLHttpRequest對象使用極其簡單,基本的用法如下: function ajax(uri,id) { var content=document.getElementById(id); xmlhttp.open(“GET”,uri); //xmlhttp是創建的XMLHttpRequest對象 xmlhttp.onreadystatechange=function() { if( xmlhttp.readystate=4 && xmlhttp.status=200) { content.innerHTML=xmlhttp.responseText; } xmlhttp.send(null); }   所有複雜的Ajax運用,基本原理都是這樣 .XMLHttprequest的 open方法向服務器提交請求,GET是請求方式,也可以是POST.uri是目標文件URL,例如”abc.htm” ,” abc.php&a=1″之類,也可以是絕對路徑. XMLHttprequest 的 readystate有四種狀態: 0,1,2,3,4 分別表示 初始化,載入中,正在載入,交互中和完成. 用onreadystatechange監控這一值改變,當完成後 如果 服務器返回狀態碼是200 […]

Continue reading