ajax中文介绍文档 示例代码

Ajax（Asynchronous JavaScript and XML）是一种用于在不重新加载整个网页的情况下，通过后台与服务器进行数据交互的技术。它通过在后台与服务器进行异步通信，可以实现在网页上动态更新内容，提高用户体验。

在Ajax中，最常用的方法是通过XMLHttpRequest对象来发送HTTP请求并接收服务器返回的数据。下面是一个简单的示例代码，演示了如何使用Ajax发送GET请求获取服务器返回的数据：

var xhr = new XMLHttpRequest();  // 创建XMLHttpRequest对象
xhr.open("GET", "example.php", true);  // 设置请求方法、URL和是否异步
xhr.onreadystatechange = function() {  // 监听请求状态的改变
    if (xhr.readyState === 4 && xhr.status === 200) {  // 请求已完成且响应状态码为200
        var response = xhr.responseText;  // 获取服务器返回的数据
        console.log(response);  // 在控制台打印数据
    }
};
xhr.send();  // 发送请求

在上述代码中，首先创建了一个XMLHttpRequest对象，然后使用open方法设置请求方法为GET，URL为"example.php"，并将异步标志设置为true。接下来，通过onreadystatechange事件监听请求状态的改变。当请求状态为4（即请求已完成）且响应状态码为200时，表示服务器已成功返回数据，我们可以通过responseText属性获取到服务器返回的数据。通过send方法发送请求。

通过上述代码，我们可以实现在网页上通过Ajax获取服务器返回的数据，并在控制台中打印出来。这样，我们就可以在不刷新整个网页的情况下，动态更新网页内容，提高用户体验。