ajax原生发送get

使用原生 AJAX 发送 GET 请求的步骤如下：

1. 创建一个 XMLHttpRequest 对象

var xhr = new XMLHttpRequest();

2. 创建一个 GET 请求，并指定请求的 URL

xhr.open('GET', 'http://example.com/api/data');

3. 发送请求

xhr.send();

4. 监听请求状态的变化

xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    console.log(xhr.responseText);
  }
};

完整的代码示例：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com/api/data');
xhr.send();
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    console.log(xhr.responseText);
  }
};

相关问题

原生js ajax get

原生 JavaScript 中的 AJAX GET 是一种用于从服务器获取数据的技术。它允许我们使用 JavaScript 在不重载整个页面的情况下向服务器发送 HTTP 请求并获取数据。下面是一个使用原生 JavaScript 来实现 AJAX GET 请求的示例：

function ajaxGet(url, callback) {
  var xhr = new XMLHttpRequest(); // 创建 XMLHttpRequest 对象

  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      var response = JSON.parse(xhr.responseText); // 解析服务器返回的 JSON 数据
      callback(response); // 调用回调函数并传递响应数据
    }
  };

  xhr.open("GET", url, true); // 设置请求方法、URL 和异步标志
  xhr.send(); // 发送请求
}

// 使用示例
ajaxGet("https://api.example.com/data", function(response) {
  console.log(response); // 在控制台打印服务器返回的数据
});

在上述示例中，`ajaxGet` 函数接受一个 URL 和一个回调函数作为参数。它创建了一个 `XMLHttpRequest` 对象并设置了一个 `onreadystatechange` 事件处理程序，以便在请求的状态发生变化时进行处理。

当请求状态为 4（表示请求完成）且状态码为 200（表示请求成功）时，通过 `JSON.parse` 解析服务器返回的 JSON 数据。然后，调用传递给 `ajaxGet` 函数的回调函数，并将解析后的响应数据作为参数传递给它。

在使用示例中，我们调用 `ajaxGet` 函数，并在回调函数中打印服务器返回的数据。你可以根据自己的需求进一步处理这些数据，例如在页面上显示它们或进行其他操作。

原生js发送ajax请求

你可以使用原生的 JavaScript 发送 AJAX 请求。下面是一个示例：

var xhr = new XMLHttpRequest(); // 创建 XMLHttpRequest 对象

xhr.open("GET", "http://api.example.com/data", true); // 设置请求方法、URL 和异步标志

xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) { // 当请求完成且成功返回时
    var response = JSON.parse(xhr.responseText); // 解析响应数据
    console.log(response);
  }
};

xhr.send(); // 发送请求

在上面的示例中，我们创建了一个 `XMLHttpRequest` 对象，使用 `open` 方法设置请求方法、URL 和异步标志。然后，我们通过 `onreadystatechange` 事件处理程序来监听请求的状态变化。当 `readyState` 变为 4 并且 `status` 为 200 时，表示请求已经完成且成功返回。在这个条件下，我们可以通过 `responseText` 属性获取响应数据，并进行进一步处理。

当然，你也可以使用其他 HTTP 方法（如 POST）来发送请求，并可以在 `send` 方法中传递请求体数据。此外，你还可以在 `open` 方法中设置第三个参数为 `false`，以实现同步请求。不过，异步请求通常是更常见和推荐的做法，因为它不会阻塞浏览器的主线程。