一、Ajax 基礎(chǔ)

傳統(tǒng)網(wǎng)站中存在的問題：

• 網(wǎng)速慢的情況下，頁面加載時間長，用戶只能等待
• 表單提交后，如果一項內(nèi)容不合格，需要重新填寫所有表單內(nèi)容
• 頁面跳轉(zhuǎn)，重新加載頁面，造成資源浪費，增加用戶等待時間

二、Ajax 概述

Ajax：標(biāo)準(zhǔn)讀音 [?e??d??ks] ，中文音譯：阿賈克斯。
它是瀏覽器提供的一套方法，可以實現(xiàn)頁面無刷新更新數(shù)據(jù)，提高用戶瀏覽網(wǎng)站應(yīng)用的體驗。

三、Ajax的應(yīng)用場景

頁面上拉加載更多數(shù)據(jù)

列表數(shù)據(jù)無刷新分頁

表單項離開焦點數(shù)據(jù)驗證

搜索框提示文字下拉列表

四、Ajax 的運行環(huán)境

Ajax 技術(shù)需要運行在網(wǎng)站環(huán)境中才能生效，當(dāng)前課程會使用Node創(chuàng)建的服務(wù)器作為網(wǎng)站服務(wù)器。

五、Ajax 運行原理

Ajax 相當(dāng)于瀏覽器發(fā)送請求與接收響應(yīng)的代理人，以實現(xiàn)在不影響用戶瀏覽頁面的情況下，局部更新頁面數(shù)據(jù)，從而提高用戶體驗。

六、Ajax 的實現(xiàn)步驟

創(chuàng)建 Ajax 對象

var xhr = new XMLHttpRequest();

告訴 Ajax 請求地址以及請求方式

xhr.open('get', 'http://www.example.com');

發(fā)送請求

xhr.send();

獲取服務(wù)器端給與客戶端的響應(yīng)數(shù)據(jù)

xhr.onload = function () {console.log(xhr.responseText);}

待續(xù)。。。

總結(jié)

以上是生活随笔為你收集整理的Ajax 编程基础（一）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。