[計(jì)算機(jī)硬件及網(wǎng)絡(luò)]第12講_ajax-wenkub
2022-10-31 23:06:37 本頁面
【正文】 請求，而在 Ajax應(yīng)用開發(fā)模式中，將變成對Ajax引擎的一次 JavaScript調(diào)用。 ?頻繁的頁面刷新：采用 “ 請求 — 頁面 ” 的對應(yīng)模式，每個請求都丟棄當(dāng)前頁面，重新加載新頁面。 這正是傳統(tǒng) Web 應(yīng)用程序讓人感到笨拙或緩慢的原因：缺乏真正的交互性。用戶無需等待第一次請求得到完全響應(yīng)，可以立即發(fā)送第二次請求。 Garret引進(jìn)了“ Ajax” 這個詞，為像 Google Maps等新一代的行為豐富的 Web應(yīng)用（ Rich Web Application）背后相應(yīng)的程序架構(gòu)給出定義。 AJAX簡介 Ajax（ Asynchronous JavaScript And XML）不是一個新的技術(shù)，事實(shí)上，它是一些舊有的成熟的技術(shù)以一種全新的更加強(qiáng)大的方式整合在一起 。 AJAX帶來的優(yōu)勢 在傳統(tǒng)的 Web應(yīng)用模式中，頁面中用戶的每一次操作都將觸發(fā)一次返回 Web服務(wù)器的 HTTP請求，服務(wù)器進(jìn)行相應(yīng)的處理（獲得數(shù)據(jù)、運(yùn)行與不同的系統(tǒng)會話）后，返回一個 HTML頁面給客戶端，如下圖所示。按下按鈕時，應(yīng)用程序?qū)嶋H上變得不能使用，直到剛剛觸發(fā)的請求得到響應(yīng)。用戶端體驗(yàn)與服務(wù)器負(fù)載都存在問題。在 Ajax應(yīng)用開發(fā)模式中， AJAX引擎通過 JavaScript實(shí)現(xiàn)在不刷新整個頁面的情況下，對部分?jǐn)?shù)據(jù)進(jìn)行更新，從而降低了網(wǎng)絡(luò)流量，給用戶帶來了更好的體驗(yàn)。 AJAX帶來的優(yōu)勢 見工程 ajaxprj。 JavaScript是一種具有豐富的面向?qū)ο筇匦缘某绦蛟O(shè)計(jì)語言，利用它能執(zhí)行許多復(fù)雜的任務(wù)。 AJAX相關(guān)技術(shù)簡介 簡而言之，使用 XMLHttpRequest，允許通過 JavaScript向服務(wù)器發(fā)送請求，并處理服務(wù)器響應(yīng)，避免阻塞用戶動作。見工程 ajaxprj中 。 或者 var _request = new ActiveXObject()。具體方法如下： var _request = new XMLHttpRequest()。 } catch (e) { try { _request = new ActiveXObject()。 （ 1） open()方法 open()方法用于設(shè)置進(jìn)行異步請求目標(biāo)的 URL、請求方法以及其他參數(shù)信息，具體語法如下： 在上面的語法中， content用于指定發(fā)送的數(shù)據(jù)，可以是DOM對象的實(shí)例、輸入流或字符串。具體語法格式如下： send(content)。 注意： setRequestHeader()方法必須在調(diào)用 open()方法之后才能調(diào)用。 屬 性 說 明 onreadystatechange 每個狀態(tài)改變時都會觸發(fā)這個事件處理器，通常會調(diào)用一個 JavaScript函數(shù) readyState 請求的狀態(tài)。 W3C定義了標(biāo)準(zhǔn)的文檔對象模型，它以樹形結(jié)構(gòu)表示 HTML和 XML文檔，定義了遍歷樹和添加、修改、查找樹的節(jié)點(diǎn)的方法和屬性。注冊時需要驗(yàn)證用戶名是否已經(jīng)存在。 AJAX應(yīng)用 AJAX聊天室 見工程 jspchat和 ajaxchat。 AJAX應(yīng)用 jQuery庫 見 jQuery簡介
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號-1