一、异步数据请求技术----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方式还可以如下简化,一般使用如下的方式