Ajax 异步提交(XMLHttpRequest对象,GET方式、axios框架,json)
以下是使用原生的XMLHttpRequest对象和使用axios框架进行GET请求的示例代码:
使用XMLHttpRequest对象发送GET请求:
// 创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 配置请求类型和地址
xhr.open('GET', 'https://api.example.com/data', true);
// 设置请求完成的回调函数
xhr.onload = function() {
if (this.status == 200) {
// 请求成功
var response = JSON.parse(this.responseText);
console.log(response);
}
};
// 发送请求
xhr.send();
使用axios发送GET请求:
首先,你需要安装axios库(如果尚未安装):
npm install axios
然后,你可以使用以下代码:
const axios = require('axios');
axios.get('https://api.example.com/data')
.then(function (response) {
// 请求成功处理逻辑
console.log(response.data);
})
.catch(function (error) {
// 请求失败处理逻辑
console.error(error);
});
以上两种方法都是进行异步GET请求的方式,第一种使用的是原生的XMLHttpRequest对象,第二种使用的是axios库。在实际应用中,你可以根据项目需求和个人喜好选择合适的方法。
评论已关闭