[計算機(jī)硬件及網(wǎng)絡(luò)]第12講_ajax(已修改)
2025-10-23 23:06 本頁面
【正文】 AJAX 解紹詞 學(xué)習(xí)內(nèi)容 ? AJAX簡介 ? AJAX帶來的優(yōu)勢 ? AJAX相關(guān)技術(shù)簡介 ? AJAX應(yīng)用 ? AJAX開發(fā)的幾個問題 AJAX簡介 2021年 2月 8日，一個名字為 Jesse James Garret的程序員發(fā)布了一篇在線文章：“ Ajax:Web應(yīng)用的新方法 ” 。 Garret引進(jìn)了“ Ajax” 這個詞，為像 Google Maps等新一代的行為豐富的 Web應(yīng)用（ Rich Web Application）背后相應(yīng)的程序架構(gòu)給出定義。 AJAX簡介 Ajax（ Asynchronous JavaScript And XML）不是一個新的技術(shù)，事實上，它是一些舊有的成熟的技術(shù)以一種全新的更加強(qiáng)大的方式整合在一起 。 它能帶給瀏覽者一種全新的體驗，瀏覽者無需等待服務(wù)器響應(yīng)，可以多次以異步方式向服務(wù)器發(fā)送請求，這種感覺類似于傳統(tǒng)的桌面應(yīng)用。 AJAX簡介 異步是指用戶發(fā)送請求后，完全無需等待，請求在后臺發(fā)送，不會阻塞用戶的當(dāng)前活動。用戶無需等待第一次請求得到完全響應(yīng)，可以立即發(fā)送第二次請求。 AJAX帶來的優(yōu)勢 在傳統(tǒng)的 Web應(yīng)用模式中，頁面中用戶的每一次操作都將觸發(fā)一次返回 Web服務(wù)器的 HTTP請求，服務(wù)器進(jìn)行相應(yīng)的處理（獲得數(shù)據(jù)、運(yùn)行與不同的系統(tǒng)會話）后，返回一個 HTML頁面給客戶端，如下圖所示。 AJAX帶來的優(yōu)勢 用戶界面 客戶端 服務(wù)器端 Web服務(wù)器 數(shù)據(jù)存儲，后端處理，繼承系統(tǒng) HTML+CSS數(shù)據(jù) HTTP請求 HTTP（ S）協(xié)議傳輸 AJAX帶來的優(yōu)勢 由于請求是同步的，客戶機(jī)會一直等待服務(wù)器的響應(yīng)。等待期間，客戶端程序類似于凍結(jié)狀態(tài)，用戶不能進(jìn)行下一步的任何操作。 這正是傳統(tǒng) Web 應(yīng)用程序讓人感到笨拙或緩慢的原因：缺乏真正的交互性。按下按鈕時，應(yīng)用程序?qū)嶋H上變得不能使用，直到剛剛觸發(fā)的請求得到響應(yīng)。如果請求需要大量服務(wù)器處理，那么等待的時間可能很長。 AJAX帶來的優(yōu)勢 AJAX帶來的優(yōu)勢 因此，傳統(tǒng)的 Web應(yīng)用主要不足在于： ?獨(dú)占式請求：前一個請求沒有得到完全響應(yīng)時，后一個請求不能發(fā)送。 ?頻繁的頁面刷新：采用 “ 請求 — 頁面 ” 的對應(yīng)模式，每個請求都丟棄當(dāng)前頁面，重新加載新頁面。用戶端體驗與服務(wù)器負(fù)載都存在問題。 ?頁面簡陋：由于頻繁刷新，因此不適合制作表現(xiàn)更豐富的頁面。 AJAX帶來的優(yōu)勢 而在 Ajax應(yīng)用中，頁面中用戶的操作將通過Ajax引擎與服務(wù)器端進(jìn)行異步通信，然后將返回結(jié)果 以異步方式 提交給客戶端頁面的 Ajax引擎，再由 Ajax引擎來決定將這些數(shù)據(jù)插入到頁面的指定位置，如下圖所示。 AJAX帶來的優(yōu)勢 用戶界面 客戶端 服務(wù)器端 Web和 /或 XML服務(wù)器 數(shù)據(jù)存儲，后端處理，繼承系統(tǒng) XML數(shù)據(jù) HTTP請求 HTTP（ S）協(xié)議傳輸
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號-1