JAVA学习第六周 Ajax

Ajax（Asynchronous JavaScript and XML）是一种创建交互式网页应用的技术。它允许网页向服务器请求数据而无需刷新页面。以下是使用Ajax进行GET请求的一个简单示例：

// 创建一个新的XMLHttpRequest对象
var xhr = new XMLHttpRequest();
 
// 配置请求类型、URL 以及是否异步处理
xhr.open('GET', 'your-api-endpoint', true);
 
// 设置请求完成的处理函数
xhr.onreadystatechange = function () {
    // 请求完成并且响应状态码为 200
    if (xhr.readyState === XMLHttpRequest.DONE) {
        if (xhr.status === 200) {
            // 处理请求成功的响应数据
            console.log(xhr.responseText);
        } else {
            // 处理请求失败
            console.error('AJAX Request was unsuccessful');
        }
    }
};
 
// 发送请求
xhr.send();

在这个例子中，我们创建了一个新的XMLHttpRequest对象，并对其进行了配置，以发送一个GET请求到指定的URL。我们还设置了一个事件监听器，当请求的状态发生变化时会被调用，并根据响应状态处理数据。

请注意，现代的JavaScript框架（如jQuery或axios）使得Ajax的使用更加简便，例如使用axios：

// 引入axios库
const axios = require('axios');
 
// 发送GET请求
axios.get('your-api-endpoint')
    .then(function (response) {
        // 处理请求成功的响应数据
        console.log(response.data);
    })
    .catch(function (error) {
        // 处理请求失败
        console.error('AJAX Request was unsuccessful:', error);
    });

在这个例子中，我们使用了axios库来简化Ajax请求的过程。通过链式调用.then()和.catch()，我们可以清晰地定义了成功和失败的回调函数。