Ajax的概念与axios使用
ajax的英文全称是Asynchronous Javascript And XML , 通常我们一般将其称作 "阿贾克斯".
是一种应用于浏览器的技术,用来实现网络客户端网页渲染.
axios是ajsx技术应用中的一个重要框架.
axios的请求方法包括'post' 'get' 'delete' 'put' 'patch'五种,其中'put'主要是用于从服务器中请求完整更新,
例如对客户端进行全页面更新, 'patch'主要适用于部分数据更新,例如用户用户名,手机号更换,
'delete'用来处理客户端动态新增数据处理 ,例如对某个朋友圈中发表的评论进行删除,
'delete的使用频率比前面的两种要高不少'.但与之相较的,'get'与'post'的使用频率更高,
例如每一次进入新的网页或者返回之前网页都,议案来说只要存在于服务器进行交互基本上就会使用到'get'与'post',
通俗一点就是只要上网就会使用到 .所以重点应该了解'get'与'post'的请求方法.
'post'用于向服务器推送数据 , 且一定会伴随着请求参数.
'
post'的请求格式为:
axios({
method : 'post',
url:'请求路径',
data:{
name:'张三',
age: '20',
sex:'男'
}
}).then(({data:res})=>{
console.log(res.data)
})
'get'的请求格式为:
axios({
method : 'get',
url:'请求路径',
params:{
name:'张三',
age: '20',
sex:'男'
}
}).then(({data:res})=>{
console.log(res.data)
})
url : 通常理解为api接口,通过url路径到达该地址的服务器内部,进行数据交互,我通常把这个理解为门牌号 ,
如果想知道房子里面是什么样子,需要从门进入,不知道门牌号就没法找到们当然就进不到这个房子.
params:我把它理解为,得到正确url只能到大厅,而想进入某个放着东西房间还需要匹配的钥匙.
data:这个我理解的是,想向服务器添加的数据,类比为木柴,需要正确放到柴房,
因为进到别的房间里面没有放柴火的地方,是无法储存在里面的.
then():一般来说为了方便,小括号里面会进行解构.里面的返回值,就是呈现到客户端页面上的内容,是具体的数值,
可以是对象也可以是数组,具体形式应按照情况具体处理.