前端ajax

363 阅读2分钟

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:{          //这里data是传输到服务器的值,是一个对象
    name:'张三',
    age: '20',
    sex:'男'
  }
}).then(({data:res})=>{
  console.log(res.data)  //这里打印的服务器中所包含的数据
})
'get'的请求格式为:
axios({
  method : 'get', //请求方法/类型
  url:'请求路径',  //服务区的地址
  params:{          //这里data是传输到服务器进行查询的值,以对象形式上传
    name:'张三',
    age: '20',
    sex:'男'
  }
}).then(({data:res})=>{
  console.log(res.data)  //这里打印的是服务器中数据返回值
})
url : 通常理解为api接口,通过url路径到达该地址的服务器内部,进行数据交互,我通常把这个理解为门牌号 , 
      如果想知道房子里面是什么样子,需要从门进入,不知道门牌号就没法找到们当然就进不到这个房子.
params:我把它理解为,得到正确url只能到大厅,而想进入某个放着东西房间还需要匹配的钥匙.
data:这个我理解的是,想向服务器添加的数据,类比为木柴,需要正确放到柴房,  
     因为进到别的房间里面没有放柴火的地方,是无法储存在里面的.
then():一般来说为了方便,小括号里面会进行解构.里面的返回值,就是呈现到客户端页面上的内容,是具体的数值,  
可以是对象也可以是数组,具体形式应按照情况具体处理.