axios 攻略。

axios 介绍：axios 是一个基于 Promise 的 HTTP 客户端，专门为浏览器和 node.js 服务。

axios 功能：　　　　

• 在浏览器中发送 XMLHttpRequests 请求
• 在 node.js 中发送 http 请求
• 支持 Promise API
• 拦截请求和响应
• 转换请求和响应数据
• 取消请求
• 自动转换 JSON 数据格式
• 客户端支持防范 XSRF 攻击

引入方式： <script src="{% static 'js/axios.js' %}"></script>(只限于本人，根据js文件的路径 传入axios包 )

axios运用例子：(此操作运用于 登录模块 )

　　<script>

　　　　//是用axios来请求接口

　　　　//初始化传参

　　　　let param = new URLSearchParams();

　　　　//将参数传递给对象

　　　　param.append('username',username);

　　　　param.append('password',password);

　　　　

　　　　　　axios({

　　　　　　//指定请求地址

　　　　　　url:'/supermarket/do_login',

　　　　　　//请求参数

　　　　　　data:param,

　　　　　　//请求类型

　　　　　　method:'post',

　　　　　　//接口返回值类型

　　　　　　responseType:'text'

　　　　　　})

　　　　　　.then(function(obj){

 

　　　　　　console.log(obj); 

　　　　　　//判断登录是否成功

　　　　　　if(obj.data == '登录成功')

　　　　　　{

　　　　　　　　alert(obj.data);

　　　　　　　　window.location.href='/supermarket/productlist';

 

　　　　　　}else{

　　　　　　　　alert(obj.data);

　　　　　　}

　　　　});

　　　　}

</script>

 

axios总结：axios 的功能还包括 axios API、interceptor 等等，这里想要详细了解的可以查看官方文档：axios，后面陆续会介绍下 interceptor 的使用和各类参数的配置。