前端知识--前端访问后端技术Ajax及框架Axios

一、异步数据请求技术----Ajax

Ajax是前端访问后端的技术，为异步请求（不刷新页面，请求数据，只更新局部数据）。

例如：在京东网站中搜索电脑，就会出现一些联想搜索，但此时页面并没有刷新。

 异步通信，常用的两种途径：

1）联想搜索

2）表单校验

 

步骤3中的onreadystatechange可以监听服务器端数据，数据来了，即可响应。 

二、Axios框架：用于替代Ajax

原生的Ajax因繁琐，已经不怎么用了，目前，使用Axios框架，可以简化Ajax操作。 

使用Axios操作，分为两步。其中发送请求分为get和post两种。

url是访问后台服务器的地址 ；

then的括号中填写的是函数，如上写的是箭头函数，（result）=>{}   result是函数参数，该参数为对象，用于接收后台传递过来的所有数据。该对象中含有多项数据，我们只需要data数据，故使用result.data

then为回调函数，当服务器访问成功，并响应了数据，就会触发此函数，服务端没影响，该函数是不执行的。 

示例：

使用post方式，需要再添加 data ，“id=1”是根据实际条件填写的。

上述get、post方式还可以如下简化，一般使用如下的方式