Ajax(Asynchronous JavaScript And XML 异步的JS和XML)
作用:
- 数据交换:通过Ajax可以给服务器发送请求,并获取服务器响应的数据。
- 异步交互:可以在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页内容的技术,如:搜索联想、用户名可用性的检验加粗样式等。
Axios是对原生Ajax的封装,使用简单,快速开发。
- 引入Axios的js文件
<script src="js/axios-0.18.0.js"></script>
取决于你axios的存放路径 - 使用Axios发送请求,并获取相应结果
axios({
method:"get",
url:""
}).then((result)=>{
console.log(result.data);
});
axios({
method:"post",
url:"",
data:"id=1"
}).then((result)=>{
console.log(result.data);
});
then调用成功回调函数(使用了箭头函数简化代码),data为服务器端返回的相应数据
Axios别名方式
- axios.get(url [, config])
- axios.delete(url [, config])
- axios.post(url [, config])
- axios.put(url [, config])
之后还可以搭配箭头函数axios.get(url [, config]).then((result)=>{console.log(result.data);})