Ajax 是 Asynchronous JavaScript and XML 的缩写,它是一种用于创建快速动态网页的技术。
Ajax 允许通过异步方式与服务器交换数据,并更新网页部分内容,而不需要重新加载整个网页。
在 JavaScript 中,我们通常使用 XMLHttpRequest 对象实现 Ajax。基本步骤如下:
- 创建 XMLHttpRequest 对象
var xhr = new XMLHttpRequest();
- 设置请求方法和 URL
xhr.open('GET', '/api/data');
- 发送请求
xhr.send();
- 监听响应,获取数据
xhr.onload = function() {
if (xhr.status === 200) {
var data = JSON.parse(xhr.responseText);
}
}
常用的 Ajax 请求有:GET、POST、PUT、DELETE 等。
日常开发中,我们通常会使用 Ajax 库来简化开发,常用的 Ajax 库有:
- Axios:Promise based HTTP client,支持浏览器和 Node.js。
axios.get('/api/data')
.then(res => {
var data = res.data;
})
.catch(err => {
console.log(err);
})
- Fetch API:原生 Ajax API,支持 Promise,但 IE 不支持。
fetch('/api/data')
.then(res => res.json())
.then(data => {
// use data
})
.catch(err => {
console.log(err);
})
- jQuery AJAX:jQuery 的 Ajax 实现,简单易用。
$.ajax({
url: '/api/data',
success: function(data) {
// use data
}
});
所以,总结来说:
Ajax 是一种创建动态网页的技术,允许通过异步方式与服务器交换数据,并更新部分网页内容。
在 JS 中使用 XMLHttpRequest 对象实现 Ajax。
常用的 Ajax 库有:
- Axios:支持 Promise 与浏览器/Node.js。
- Fetch API:原生 Ajax API,支持 Promise。
- jQuery AJAX:简单易用。