AJAX即「Asynchronous Javascript And XML」(非同步JavaScript和XML),是指一種建立互動式網頁應用程式的網頁開發技術。 《傳智播客AJAX影片教學》講解了關於AJAX的相關技術。
課程播放網址:http://www.php.cn/course/565.html
該老師講課風格:
教師講課深入淺出,條理清楚,層層剖析,環環相扣,論證嚴密,結構嚴謹,用思維的邏輯力量吸引學生的注意力,用理智控制課堂教學進程。學生透過聽教師的講授,不僅學到知識,也受到思維的訓練,還受到教師嚴謹的治學態度的熏陶和感染
本視頻中較為難點是使用XHR對象發送和接受資料了:
XMLHttpRequest是XMLHttp元件的對象,透過這個對象,Ajax可以像桌面應用程式一樣只與伺服器進行資料層的交換,而不必每次都刷新介面,也不必每次將資料處理的工作都交給伺服器來做;這樣既減輕了伺服器負擔又回憶了回應速度,縮短了使用者的等待時間。
XMLHttpRequest物件與Ajax
在Ajax應用程式中,XMLHttpRequest物件負責將使用者資訊以非同步通訊地傳送至伺服器端,並接收伺服器回應資訊和資料。
需要注意的是JavaScript本身並沒有向伺服器發送請求的能力,要麼使用window.open()方法重新開啟一個頁面,要麼使用XMLHttpRequest物件發送請求,不同的是,前者是普通的即同步互動模式,而後者是非同步互動模式。
XMLHttpRequest物件的屬性與方法。
IE5.0 開始,開發人員就可以在WEB頁面內部使用XMLHTTP ActiveX元件擴充自身的功能,而Mozilla1.0及NetScape7則是建立繼承XML的代理類別XMLHttpRequest;對於大多數情況XMLHttpRequest和XMLHttpRequest ,方法和屬性類似,只是部屬性不同。以下程式碼示範如果在IE以及NetScape等瀏覽器中 建立XMLHttpRequest物件。
<script language="javascript"> //定义一个变量 var http_request = false; //IE浏览器中创建 http_request = new ActiveXObject("Msxml2.XMLHTTP");//新版本IE http_request = new ActiveXObject("Microsoft.XMLHTTP");//旧版本IE //Netscope浏览器 http_request = new XMLHttpRequest(); </script>
要注意的是 在微軟最新的 IE7.0版本瀏覽器中也已經支援了XMLHttpRequest,也就是說在IE7.0中同時支援以及上二種創建方式。在我們開發AJAX應用程式時一定要注意要相容瀏覽器類型。
這裡也推薦了資料給大家的下載:http://www.php.cn/xiazai/learn/1805
1.AjaxTrain(原始碼)
2.JqueryTrain(原始碼)
以上是傳智播客AJAX影片教學的源碼課件的詳細內容。更多資訊請關注PHP中文網其他相關文章!