AJAX 返回 truefalse - 我已经实现了回调[重复]

Ajax

使用 Ajax（Asynchronous JavaScript and XML）可以在不刷新整个页面的情况下，通过与服务器进行异步通信来更新部分网页内容。在前端开发中，经常会遇到需要根据 Ajax 请求的结果来执行相应操作的情况。本文将介绍如何通过 Ajax 返回 true 或 false，并在返回结果后实现相应的回调函数。

在前端开发中，我们经常需要向服务器发送请求并根据返回结果来执行不同的操作。例如，在一个表单中提交数据时，我们希望在提交之前验证数据的有效性。这时就可以使用 Ajax 来向服务器发送验证请求，并根据服务器的返回结果来执行相应的操作。

下面是一个使用 Ajax 返回 true 或 false 的案例代码：

Javascript
// 创建一个 XMLHttpRequest 对象
var xhr = new XMLHttpRequest();
// 设置请求的方法和 URL
xhr.open('GET', 'https://example.com/check', true);
// 发送请求
xhr.send();
// 监听请求的状态变化
xhr.onreadystatechange = function() {
  // 当请求完成时
  if (xhr.readyState === 4) {
    // 当请求成功时，执行回调函数
    if (xhr.status === 200) {
      var response = JSON.parse(xhr.responseText);
      // 根据返回的结果执行相应操作
      if (response.result === true) {
        callback(true); // 执行回调函数，参数为 true
      } else {
        callback(false); // 执行回调函数，参数为 false
      }
    }
  }
};

在上述代码中，我们首先创建了一个 XMLHttpRequest 对象，并使用 open 方法设置请求的方法和 URL，这里使用的是 GET 方法和一个示例的 URL（https://example.com/check）。然后，我们通过 send 方法发送请求。

接着，我们通过监听 onreadystatechange 事件来获取请求的状态变化。当请求的状态变为 4（已完成）时，我们判断请求是否成功（状态码为 200），如果成功，我们将返回的结果解析为 JSON 格式，并根据结果执行相应的操作。

在这个例子中，我们假设服务器返回的结果是一个包含 result 属性的 JSON 对象，该属性的值为 true 或 false。根据返回的结果，我们执行了一个名为 callback 的回调函数，并将结果作为参数传递给回调函数。

通过这种方式，我们可以根据 Ajax 返回的 true 或 false 来实现相应的回调函数，从而在前端页面中根据服务器返回的结果来执行不同的操作。这种方式可以提高用户体验，减少页面的刷新，使得网页更加流畅和高效。