Ajax原理

(1)創建對象
var xhr = new XMLHttpRequest();
(2)打開請求
xhr.open('GET', 'example.txt', true);
(3)發送請求
xhr.send(); 發送請求到服務器
(4)接收響應
xhr.onreadystatechange =function(){}

(1)當readystate值從一個值變為另一個值時，都會觸發readystatechange事件。
(2)當readystate==4時，表示已經接收到全部響應數據。
(3)當status ==200時，表示服務器成功返回頁面和數據。
(4)如果(2)和(3)內容同時滿足，則可以通過xhr.responseText，獲得服務器返回的內容。
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 國家電網公司企業標準（Q/GDW）- 面向對象的用電信息數據交換協議 - 報批稿：20170802 前言： 排版 ...
    庭說閱讀 11,186評論 6贊 13
  • Spring Cloud為開發人員提供了快速構建分布式系統中一些常見模式的工具（例如配置管理，服務發現，斷路器，智...
    卡卡羅2017閱讀 134,993評論 19贊 139
  • 1、ajax技術的背景 不可否認，ajax技術的流行得益于google的大力推廣，正是由于google earth...
    raincoco閱讀 428評論 0贊 4
  • ajax作為前端開發必需的基礎能力之一，你可能會使用它，但并不一定懂得其原理，以及更深入的服務器通信相關的知識。在...
    蕭玄辭閱讀 844評論 0贊 0
  • AJAX全稱為“Asynchronous JavaScript and XML”（異步JavaScript和XML...
    于曉魚閱讀 244評論 0贊 5