Ajax學習第一天

Ajax學習第一天

•傳統網站中存在的問題

1. 網速慢導致的頁面加載時間過長
2. 表單重填問題
3. 頁面的跳轉問題(有時候頁面中只需要某個特定部分實現改變而使整個頁面發生跳轉)
   以上的問題導致用戶體驗不佳，故提出Ajax解決方案，它是瀏覽器提供的一套方法，實現頁面無刷新更新數據，它是運行在客戶端上的。

•應用場景

1. 頁面上拉加載更多數據
2. 列表分頁
3. 表單驗證
4. 搜索框提示文字下拉列表

•運行環境

1. 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);}

•注意事項
在http請求與響應過程中，無論是請求參數還是響應內容，如果是對象類型，最終都會轉換爲對象字符串進行傳輸。

JSON.parse(); //將json字符串轉換爲json對象