在变量中获取 ajax 成功的值 - Javascript

在Javascript中，AJAX是一种异步请求机制，可以发送HTTP请求并获取响应数据。在请求完成后，我们可以将从服务器返回的数据存储到变量中以供后续使用。

发送 AJAX 请求

首先，我们需要使用XMLHttpRequest对象来发送AJAX请求。以下是一个基本的AJAX请求示例：

const xhr = new XMLHttpRequest();
xhr.open('GET', 'https://example.com/api/data');
xhr.send();

这将发送一个GET请求到 https://example.com/api/data 并获取响应数据。但是，我们必须等待请求完成后才能使用数据。为此，我们需要将回调函数传递给xhr.onreadystatechange，并在请求成功时从服务器获取数据。

获取 AJAX 响应

当请求状态改变时，xhr.onreadystatechange会调用回调函数。以下是一个获取AJAX响应的示例代码：

const xhr = new XMLHttpRequest();
xhr.open('GET', 'https://example.com/api/data');
xhr.onreadystatechange = function() {
  if(xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
    const response = JSON.parse(xhr.responseText);
    // 处理响应数据
  }
};
xhr.send();

在此示例中，我们在检查请求状态和HTTP状态码之后使用JSON.parse方法将响应文本转换为JavaScript对象。现在可以将此对象存储在变量中供后续使用。

结论

AJAX允许我们使用异步方式从服务器获取数据，并在请求完成时将其存储在变量中。我们需要传入回调函数来处理响应数据，而xhr.onreadystatechange是检测请求状态和HTTP状态码的理想方式。

以上是在Javascript中获取AJAX成功值的完整介绍，希望对您有所帮助。