发送Ajax get请求详解

Ajax（Asynchronous JavaScript and XML）是创建交互式网页应用的重要技术。其中，get 请求是最常用的一种请求类型，主要用于从服务器获取数据。

以下是使用原生JavaScript发送Ajax get请求的详解和实例代码：

1. 创建一个新的XMLHttpRequest对象：

var xhr = new XMLHttpRequest();

2. 定义请求的HTTP方法和URL：

var url = "your_url_here"; // 替换为你的URL
xhr.open("GET", url, true);

3. 设置响应处理函数：

xhr.onreadystatechange = function () {
    if (xhr.readyState == 4 && xhr.status == 200) {
        var json = JSON.parse(xhr.responseText);
        // 处理响应数据
    }
};

4. 发送请求：

xhr.send();

以上就是使用原生JavaScript发送Ajax get请求的完整流程。

下面是一个具体的实例，假设我们要从一个API获取用户信息：

var xhr = new XMLHttpRequest();
var url = "https://api.example.com/user";
xhr.open("GET", url, true);
xhr.onreadystatechange = function () {
    if (xhr.readyState == 4 && xhr.status == 200) {
        var user = JSON.parse(xhr.responseText);
        console.log(user); // 输出用户信息
    }
};
xhr.send();

在这个例子中，我们首先创建了一个新的XMLHttpRequest对象，然后定义了请求的类型为GET，并指定了请求的URL。接着，我们设置了一个响应处理函数，当请求完成并且服务器响应状态为200时（表示请求成功），我们解析响应的文本为JSON格式并输出用户信息。