2.Ajax/Axios

Ajax(Asynchronous JavaScript And XML 异步的JS和XML)

作用：

• 数据交换：通过Ajax可以给服务器发送请求，并获取服务器响应的数据。
• 异步交互：可以在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页内容的技术，如：搜索联想、用户名可用性的检验加粗样式等。

Axios是对原生Ajax的封装，使用简单，快速开发。

1. 引入Axios的js文件<script src="js/axios-0.18.0.js"></script>
   取决于你axios的存放路径
2. 使用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);})