XMLHttpRequest 对象

XMLHttpRequest 对象是在 JavaScript 中进行 HTTP 请求的核心。它允许在不重新加载页面的情况下从服务器获取数据，并更新页面的部分内容。以下是使用 XMLHttpRequest 对象的基本步骤：

1. 创建 XMLHttpRequest 对象：

   var xhttp = new XMLHttpRequest();

2. 设置回调函数（optional）：

   xhttp.onreadystatechange = function() {
     if (this.readyState == 4 && this.status == 200) {
       // 请求成功完成，并且响应已准备好
       // 在这里处理响应数据
       console.log(this.responseText);
     }
   };

在这里，readyState 表示请求的状态，4 表示请求已完成，status 表示响应的 HTTP 状态码，200 表示成功。

3. 打开和发送请求：

   xhttp.open("GET", "your_url", true);
   xhttp.send();

   - "GET" 表示使用 GET 方法，你也可以使用 "POST" 或其他 HTTP 方法。
   - "your_url" 是请求的 URL。
   - true 表示异步请求，false 表示同步请求（通常建议使用异步）。

4. 处理响应：
   - 如果设置了回调函数，可以在回调函数中处理响应。
   - this.responseText 包含响应文本，你可以将其解析为 JSON、XML 等格式，具体取决于服务器的响应类型。

完整的例子：

var xhttp = new XMLHttpRequest();

xhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    console.log(this.responseText);
    // 在这里处理响应数据
  }
};

xhttp.open("GET", "https://api.example.com/data", true);
xhttp.send();

请注意，由于安全原因，当从一个域请求另一个域的资源时，浏览器可能会阻止跨域请求。在这种情况下，你可能需要考虑使用 CORS（跨源资源共享）或其他跨域解决方案。

转载请注明出处：http://www.pingtaimeng.com/article/detail/12123/XML