Warning: mkdir(): No space left on device in /data/discuz/upload/source/class/class_core.php on line 91
Axios发送AJAX请求-Axios,发送,AJAX,请求-IT技术擎-最棒的IT web技术交流社区-( it.techqing.com)
设为首页收藏本站

IT技术擎 - 最棒的IT web技术交流社区

 找回密码
 注册为IT技术擎人

QQ登录

只需一步,快速开始

搜索
热搜: php h5 jquery
查看: 47|回复: 0

[未分类] Axios发送AJAX请求

[复制链接]
发表于 2019-8-23 14:21:28 | 显示全部楼层 |阅读模式
目录
  • Axios
    • 特征
    • axios提供主要三种发起请求的方式
      • 方式一:直接axios实例直接call方式
      • 方式二:通过axios实例提供的不同http请求方式的方法
      • 方式三:其实是从第二种方式中单独提出来的
    • 响应模式
      • 给axios对象设置回调函数
    • 总结

Axios
github文档:axios github
该模块兼容浏览器端和node.js后端发送http请求。
***
本文主要简单介绍了请求的发送和响应callback的注册。也就是axios发送ajax请求的使用方式,至于具体的请求内容和响应内容对象属性定义;以及全局配置;**功能,请移驾到axios github文档,已经很简介明了了。
特征

  • Axios 支持在浏览器端使用XMLHttpRequest发送http请求;
  • 在node.js后端可以发送http请求;
  • 支持拦截请求和响应
  • 支持转换请求负载数据和响应数据
  • 支持取消请求
  • 支持自动转换为JSON 数据
  • 客户端支持防护抵御XSRF 跨站请求伪造。

axios提供主要三种发起请求的方式
以下config相当于是请求的内容封装对象
方式一:直接axios实例直接call方式
  1. import Axios from 'axios '
  2. const config = { method: 'post ', url: '/user/12345 ', data: { firstName: 'Fred ', lastName: 'Flintstone ' }
  3. }
  4. Axios(config) // 发送一个post请求// 或者 Axios(url[,config]) 只提供url参数默认发送一个get请求到urlconst config02 = { method: 'get '
  5. }
  6. Axios( '/users/ ', config02) // 发送一个get请求到 '/users/ '
复制代码
方式二:通过axios实例提供的不同http请求方式的方法
即axios实例提供了方法对了同方法名的http请求方式,不用再config参数中指定 method方法,而且将目的url和负载data都从config中剥离出来。
  1. import Axios from 'axios '
  2. Axios.get(url[,config])Axios.post(url[,config])
复制代码
方式三:其实是从第二种方式中单独提出来的
Axios.request(config)
为什么单独提出来,因为request的参数提供都是config object,而且没指定http请求的方式,类似第一种方式。
推荐使用第二种方式
响应模式
既然是ajax请求,那么对于请求的处理模式的定义其实是回调函数的定义,只不过对于响应内容封装再一个响应对象中,回调函数调用时将得到响应对象作为参数再回调中使用。
给axios对象设置回调函数
通过对象的then() api进行设置回调
  1. import Axios from 'axios '
  2. Axios.get(url, config).then(succc_callback, fail_callback) // 对于失败的callback也可以通过.catch()方式添加,fail_callback的参数则是一个error对象,该对象的response属性则是响应对象了。
复制代码
总结

  • 对于axios这里主要简单介绍发送请求和响应处理的使用。
  • axios可以直接通过三种api方式直接发送请求,也可以通过先通过create构造出对象,再利用对象使用api再发送请求。
  • axios的node.js后端的使用参考github文档。
  • 至于get请求和post请求,get请求使用params属性,post请求使用data属性,post发送的content-type默认时‘application/json’。



上一篇:centos7二进制安装kubernetes1.12添加证书配置
下一篇:【SQL Server】利用游标将学生表中的成绩转化为绩点
该用户未在地球留下任何的痕迹

本版积分规则

QQ|小黑屋|帮助|IT技术擎 ( 沪ICP备15054863号  

GMT+8, 2020-2-27 08:46

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表