AJAX 入门到实战第1天 2024 笔记

在AJAX中，我们通常使用JavaScript的XMLHttpRequest对象来发送异步的HTTP请求。以下是一个简单的例子，展示了如何使用AJAX发送GET请求：




// 创建一个新的XMLHttpRequest对象
var xhr = new XMLHttpRequest();
 
// 配置HTTP请求
// 第一个参数是HTTP请求方法，第二个参数是请求的URL
xhr.open('GET', 'https://api.example.com/data');
 
// 设置请求完成的处理函数
xhr.onload = function() {
    if (xhr.status === 200) { // 请求成功
        // 处理返回的数据
        var data = JSON.parse(xhr.responseText);
        console.log(data);
    } else { // 请求失败
        // 处理错误
        console.error('请求失败，状态码：' + xhr.status);
    }
};
 
// 发送请求
xhr.send();

这段代码创建了一个新的XMLHttpRequest对象，并配置了一个GET请求去访问'https://api.example.com/data'。当请求完成时，它会检查HTTP响应状态码，如果是200，则表示请求成功，并解析返回的数据。如果请求失败，它会在控制台输出错误信息。这是AJAX的基本用法，对于更复杂的应用程序，你可能需要处理更多的HTTP状态码、错误处理、请求超时和响应数据类型等问题。

AJAX 入门到实战第1天 2024 笔记

评论已关闭

推荐阅读