Ajax-Axios的快速入门
Ajax 和 Axios 都是用于在浏览器中执行 HTTP 请求的工具,但它们之间有一些区别:
- Axios 是基于 Promise 的 HTTP 客户端,它在浏览器和 node.js 中都可以使用。
- Ajax 是一种使用 JavaScript 和其他 Web 技术在网页上异步更新数据的方法。
Ajax 通常使用 XMLHttpRequest
对象,而 Axios 则是对这个对象的封装,提供了一些更方便的接口。
以下是使用 Axios 发送 GET 和 POST 请求的简单示例:
// 引入 Axios
const axios = require('axios');
// GET 请求
axios.get('https://api.example.com/data')
.then(response => {
console.log(response.data); // 处理响应数据
})
.catch(error => {
console.error(error); // 处理错误情况
});
// POST 请求
axios.post('https://api.example.com/data', {
key1: 'value1',
key2: 'value2'
})
.then(response => {
console.log(response.data); // 处理响应数据
})
.catch(error => {
console.error(error); // 处理错误情况
});
在实际应用中,你可能还需要处理响应头、时间戳、取消请求、配置默认值等,Axios 都提供了相应的配置选项。
评论已关闭