Ajax 編程基礎（一）

一、Ajax 基礎

傳統網站中存在的問題：

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

二、Ajax 概述

Ajax：標準讀音 [ˈeɪˌdʒæks] ，中文音譯：阿賈克斯。
它是瀏覽器提供的一套方法，可以實現頁面無刷新更新數據，提高用戶瀏覽網站應用的體驗。

三、Ajax的應用場景

1. 頁面上拉加載更多數據
2. 列表數據無刷新分頁
3. 表單項離開焦點數據驗證
4. 搜索框提示文字下拉列表
   
   
   

四、Ajax 的運行環境

Ajax 技術需要運行在網站環境中才能生效，當前課程會使用Node創建的服務器作爲網站服務器。

五、Ajax 運行原理

Ajax 相當於瀏覽器發送請求與接收響應的代理人，以實現在不影響用戶瀏覽頁面的情況下，局部更新頁面數據，從而提高用戶體驗。

六、Ajax 的實現步驟

1. 創建 Ajax 對象

var xhr = new XMLHttpRequest();

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

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

3. 發送請求

 xhr.send();

4. 獲取服務器端給與客戶端的響應數據

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

待續。。。