ajax 200 load 示例代码

Ajax是一种用于在不刷新整个网页的情况下更新部分网页内容的技术。通过使用Ajax，可以实现与服务器进行异步通信，从而实现页面的动态刷新和数据的实时更新。

在Ajax中，当服务器成功返回响应时，会触发200状态码。这意味着服务器成功处理了请求，并返回了所请求的数据。在接收到200状态码后，我们可以根据需要对返回的数据进行处理，例如更新网页的某个区域，显示新的内容。

下面是一个简单的示例代码，演示了如何使用Ajax进行数据加载：

var xhr = new XMLHttpRequest();  // 创建一个XMLHttpRequest对象
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {  // 当请求完成且服务器返回200状态码时
    var response = xhr.responseText;  // 获取服务器返回的数据
    document.getElementById("content").innerHTML = response;  // 将数据更新到网页的指定区域
  }
};
xhr.open("GET", "example.com/data", true);  // 发送GET请求到指定URL
xhr.send();  // 发送请求

在上述代码中，首先创建了一个XMLHttpRequest对象，用于发送Ajax请求。然后，通过设置onreadystatechange函数，当请求状态发生变化时，会触发该函数。在函数中，我们判断请求是否已经完成（readyState为4）并且服务器返回了200状态码。如果满足这两个条件，就说明请求成功，我们可以通过responseText属性获取服务器返回的数据。接着，我们将获取到的数据更新到网页的指定区域（例如id为"content"的元素）中，从而实现数据的加载。

需要注意的是，上述代码中的URL仅作为示例，实际使用时需要替换为真实的URL。该示例使用的是GET请求，如果需要使用POST请求或传递参数，可以通过修改xhr.open和xhr.send的参数来实现。