首頁 >web前端 >js教程 >傳智播客AJAX影片教學的源碼課件

傳智播客AJAX影片教學的源碼課件

黄舟
黄舟原創
2017-12-04 11:26:351898瀏覽

AJAX即「Asynchronous Javascript And XML」(非同步JavaScript和XML),是指一種建立互動式網頁應用程式的網頁開發技術。 《傳智播客AJAX影片教學》講解了關於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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn