Ajax的重要知识点:全是干货,新手学习,老手回顾
Ajax(Asynchronous JavaScript and XML)是一种创建交互式网页的技术,可以使网页与服务器进行数据交换而无需刷新页面。以下是Ajax的一些重要知识点:
- 使用XMLHttpRequest对象发送异步请求。
- 使用JavaScript处理服务器响应。
- 使用JSON作为数据格式,因为它更轻量且易于解析。
- 跨域请求需要服务器支持(如CORS)。
- 错误处理。
示例代码:
// 创建一个新的 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) {
// 处理请求响应
var response = JSON.parse(xhr.responseText);
console.log(response);
} else {
// 错误处理
console.error('请求失败,状态码:' + xhr.status);
}
}
};
// 发送请求
xhr.send();
以上代码演示了如何使用Ajax发送GET请求,并在请求成功完成后处理响应。
评论已关闭