014-Axios Ajax-尚硅谷2022:Ajax概述 同步异步,(Axios 发送普通请求参数,发送请求体JSON,服务器端返回JSON数据)后端是servlet方式
warning:
这篇文章距离上次修改已过185天,其中的内容可能已经有所变动。
在JavaScript中,Ajax主要用于与服务器异步交换数据。这意味着可以在不重新加载页面的情况下更新网页的某部分。
同步和异步的区别:
- 同步:执行单一操作时,必须等待结果,然后才能执行下一个操作。
- 异步:执行单一操作时,不必等待结果,可以直接执行下一个操作。
Axios是一个基于Promise的HTTP客户端,用于浏览器和node.js环境。它可以发送异步HTTP请求。
以下是使用Axios发送普通请求的参数示例:
// 引入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/submit', {
firstName: 'Fred',
lastName: 'Flintstone'
})
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
在这个例子中,我们首先引入Axios库,然后使用axios.get()
和axios.post()
方法分别发送GET和POST请求。请求成功时,使用.then()
处理响应;请求失败时,使用.catch()
捕获错误。
注意:在实际应用中,你可能需要根据服务器的响应格式和需要处理的数据来适当地修改请求参数和处理响应的代码。
评论已关闭