ajax技術(shù)簡(jiǎn)介及入門實(shí)例+收藏

《ajax技術(shù)簡(jiǎn)介及入門實(shí)例+收藏》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。

1、AJAX技術(shù)簡(jiǎn)介及入門實(shí)例收藏最近在學(xué)校參加暑期實(shí)習(xí)，參與的是一個(gè)社交網(wǎng)站項(xiàng)目，學(xué)長(zhǎng)那邊分配給的任務(wù)是前端開發(fā)，需要學(xué)習(xí)AJAX技術(shù)。對(duì)于一個(gè)像我一樣剛剛接觸Web開發(fā)且無(wú)多少實(shí)際項(xiàng)目經(jīng)驗(yàn)的新手而言，AJAX技術(shù)顯得復(fù)雜而又深?yuàn)W。經(jīng)過(guò)兩天的baidu、google，我對(duì)AJAX的基本原理有了一個(gè)大致的認(rèn)識(shí)，在此總結(jié)一下。這里說(shuō)明一下,以下文字多不是個(gè)人文筆原創(chuàng),而是wiki/IBMdevelopers/百度百科等的內(nèi)容,我只是稍微組織了一下,方便日后回顧而已.1.什么是AJAX?AJAX全稱是異步的JavaS

2、cript和XML，是AsynchronousJavaScriptandXML的縮寫。AJAX技術(shù)用于創(chuàng)建交互式網(wǎng)頁(yè)應(yīng)用的網(wǎng)站開發(fā)，至于何為異步，后文會(huì)有解釋。1.1桌面應(yīng)用程序和Web應(yīng)用程序在詳細(xì)討論AJAX技術(shù)之前，需要先知道AJAX技術(shù)究竟是用來(lái)做什么工作的。目前，編寫應(yīng)用程序總共有兩種基本類型：桌面應(yīng)用程序(DesktopApplication)Web應(yīng)用程序(WebApplication)桌面應(yīng)用程序可以從互聯(lián)網(wǎng)或者以CD方式獲得，需要運(yùn)行在桌面計(jì)算機(jī)上，例如我們常見的一些PC軟件。Web應(yīng)用程序

3、與之不同，Web應(yīng)用程序師運(yùn)行在某處的Web服務(wù)器上的，因此需要通過(guò)Web瀏覽器去訪問(wèn)這樣的應(yīng)用程序。不過(guò)，比這些應(yīng)用程序的代碼運(yùn)行在何處更為重要的是，應(yīng)用程序如何運(yùn)轉(zhuǎn)以及如何與其進(jìn)行交互。桌面應(yīng)用程序一般較快，并且擁有漂亮的用戶界面和非凡的動(dòng)態(tài)性，可以單擊、選擇、打開菜單和子菜單、到處巡游，基本不需要等待；另一方面，Web應(yīng)用程序（比如Amazon.com和eBay）提供了桌面程序不能實(shí)現(xiàn)的服務(wù)。然而，伴隨著Web的強(qiáng)大而出現(xiàn)的是等待，等待服務(wù)器的響應(yīng)，等待屏幕刷新，等待請(qǐng)求返回和生成新的界面。AJAX的出

4、現(xiàn)，就是為了緩解Web應(yīng)用中與桌面應(yīng)用相比中的等待這一問(wèn)題。1.2AJAX-老技術(shù),新面孔AJAX技術(shù)其實(shí)不是什么新技術(shù)，而是其他幾種已存在技術(shù)的整合。AJAX應(yīng)用程序使用到以下基本技術(shù)：使用HTML和CSS來(lái)建立Web表單并表示網(wǎng)頁(yè)信息;使用JavaScript來(lái)操作DOM(DocumentObjectModel)來(lái)進(jìn)行動(dòng)態(tài)顯示及交互;使用XMLHttpRequest對(duì)象與Web服務(wù)器進(jìn)行異步數(shù)據(jù)交換;使用XML進(jìn)行數(shù)據(jù)交換及相關(guān)操作；使用JavaScript將所有東西綁定在一起。我們來(lái)進(jìn)一步分析這些技術(shù)的

5、職責(zé)。目前我只要熟悉這些組件和技術(shù)就可以了。對(duì)這些代碼越熟悉，就越容易從對(duì)這些技術(shù)的零散了解轉(zhuǎn)變到真正把握這些技術(shù)（同時(shí)也真正打開了Web應(yīng)用程序開發(fā)的大門）。XMLHttpRequest對(duì)象要了解的一個(gè)對(duì)象可能對(duì)您來(lái)說(shuō)也是最陌生的，即XMLHttpRequest。這是一個(gè)JavaScript對(duì)象，創(chuàng)建該對(duì)象很簡(jiǎn)單，如清單1所示。清單1.創(chuàng)建新的XMLHttpRequest對(duì)象viewplaincopytoclipboardprint?

6、"text/javascript">以后將進(jìn)一步學(xué)習(xí)這個(gè)對(duì)象，現(xiàn)在要知道這是處理所有服務(wù)器通信的對(duì)象。繼續(xù)閱讀之前，先停下來(lái)想一想：通過(guò)XMLHttpRequest對(duì)象與服務(wù)器進(jìn)行對(duì)話的是Ja

7、vaScript技術(shù)。這不是一般的應(yīng)用程序流，這恰恰是Ajax的強(qiáng)大功能的來(lái)源。在一般的Web應(yīng)用程序中，用戶填寫表單字段并單擊提交按鈕。然后整個(gè)表單發(fā)送到服務(wù)器，服務(wù)器將它轉(zhuǎn)發(fā)給處理表單的腳本（通常是PHP或Java，也可能是CGI進(jìn)程或者類似的東西），腳本執(zhí)行完成后再發(fā)送回全新的頁(yè)面。該頁(yè)面可能是帶有已經(jīng)填充某些數(shù)據(jù)的新表單的HTML，也可能是確認(rèn)頁(yè)面，或者是具有根據(jù)原來(lái)表單中輸入數(shù)據(jù)選擇的某些選項(xiàng)的頁(yè)面。當(dāng)然，在服務(wù)器上的腳本或程序處理和返回新表單時(shí)用戶必須等待。屏幕變成一片空白，等到服務(wù)器返回?cái)?shù)據(jù)后再

8、重新繪制。這就是交互性差的原因，用戶得不到立即反饋，因此感覺(jué)不同于桌面應(yīng)用程序。Ajax基本上就是把JavaScript技術(shù)和XMLHttpRequest對(duì)象放在Web表單和服務(wù)器之間。當(dāng)用戶填寫表單時(shí)，數(shù)據(jù)發(fā)送給一些JavaScript代碼而不是直接發(fā)送給服務(wù)器。相反，JavaScript代碼捕獲表單數(shù)據(jù)并向服務(wù)器發(fā)送請(qǐng)求。同時(shí)用戶屏幕上的表單也不會(huì)閃爍、消失或延遲。換句話說(shuō)，JavaScript