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 的使用和各类参数的配置。

  

        

    
原文地址:https://www.cnblogs.com/lyp0626/p/10431296.html