为了账号安全,请及时绑定邮箱和手机立即绑定

axios在vue中的使用

难度中级
时长 3小时43分
学习人数
综合评分9.43
58人评价 查看评价
9.3 内容实用
9.3 简洁易懂
9.7 逻辑清晰
  • 课程不错哦!

    查看全部
    0 采集 收起 来源:vue项目的创建

    2020-05-29

  • Axios的定义:基于Promise的HTTP库,是继AJAX、Fetch后又一种前端请求服务器端接口的方式。

    Axios的应用:既可以用于浏览器(客户端),也可以用于Node.js(服务器端)。

    Axios的特性

    1. 支持Promise的API,熟悉Promise的人都知道Promise是ES6中新增的对象,用于异步操作,特别是异步请求应用很频繁。

    2. 拦截请求和响应。

    3. 转换请求数据和响应数据。

    4. 取消请求。

    5. 自动转换JSON数据,不用我们使用内置对象JSON的parse方法将JSON字符串转换成JSON对象。

    6. 支持防御XSRF(跨站请求伪造,也被称为“One Click Attack”或者Session Riding,通常缩写为CSRF或者XSRF,是一种对网站的恶意利用)。

    查看全部
    0 采集 收起 来源:课程介绍

    2020-05-29

  • axios.delete('/delete',{

        params:{

            id:12

        }

    }).then(res=>{

        console.log(res);

    })

    axios.delete('/delete',{

        data:{

            id:12

        }

    }).then(res=>{

        console.log(res);

    })


    查看全部
  • post

    form-data 表单提交(图片上传,文件上传)

    application/json


    let data={id:12};

    //post请求

    axios.post('/post',data).then

    (

        res=>{console.log(res)

    });

    axios({

        methods:'post',

        url:'/post',

        data:data

    }).then(res=>{

        console.log(res);

    })

    //form-data请求

    let formData=new FormData();

    for(let key in data) {

        formData.append(key,data[key]);

    }

    axios.post('/post',formData).then

    (res=>{

        console.log(res)

    })


    //put请求

    axios.put('/put',data).then(res=>{

        console.log(res)

    })

    //patch请求

    axios.patch('/patch',data).then

    (res=>{

        console.log(res)

    })

    查看全部
  • axios请求方法:

    get:获取数据

    post:提交数据(表单提交+文件上传)

    put:更新数据(所有数据推送到后端)

    patch:更新数据 (只将修改的数据推送到后端)

    delete:删除数据

    查看全部
  • 一、定义

    Axios是一个基于promise的http库

    可以用于浏览器和node.js

    二、特性

    支持Promise API

    拦截请求和响应

    转换请求数据和响应数据

    取消请求

    自动转换JSON数据

    客户端支持防御XSRF

    查看全部
    0 采集 收起 来源:课程介绍

    2020-05-15

  • axios请求方法:

    查看全部
  • 1.axios是一个基于promise的http库。类似jquery的ajax

    查看全部
    0 采集 收起 来源:课程介绍

    2020-04-30

  • axios封装拓展

    查看全部
    1 采集 收起 来源:课程总结

    2020-04-23

  • async await是为了避免有回调地狱的产生

    查看全部
  • axios请求方法: 1、get 请求数据 1. post,
    查看全部
  • http挂载到vue实例上

    查看全部
  • Promise是ES6中的一个内置的对象(实际上是一个构造函数,通过这个构造函数我们可以创建一个Promise对象),它是为了解决异步问题的。Promise的英文意思是承诺。

      Promise的特点如下:

    • Promise有三种状态:Pending(进行中)、Resolved(已完成)、Rejected(已失败)。只有异步操作的结果,可以决定当前是哪一种状态,任何其他操作都无法改变这个状态。这就是Promise。

    • Promise一共有三种状态,但是他们之间是如何转化的呢? 其一: 从Pending(进行中)到Resolved(完成)。其二: 从Pending(进行中)到Rejected(已失败)。 且只有这两种形式的转变,即使是Promise对象的结果也无力回天了。

      但是Promise也是有一定的缺点的,如在Pengding时,我们无法取消状态,另外,我们没法判断Pending究竟是刚刚开始的Pending还是即将要完成的Pending。

    查看全部
    0 采集 收起 来源:课程介绍

    2020-03-24

  • 用到取消请求的地方,

    大批量数据的获取可能会造成延迟,

    中途用户进行其他数据请求的时候,

    那么上一个请求就没用了,这里就可以取消上一个请求

    查看全部
    0 采集 收起 来源:取消请求

    2020-03-19

  • 调用source下的cancel方法可以进行请求的取消,带的参数会进入到axios的catch方法中,参数可选不是必填

    查看全部
    0 采集 收起 来源:取消请求

    2020-03-19

举报

0/150
提交
取消
课程须知
1.对vue有一定的了解 2.对ES6有一定的了解 3.对数据请求有一定的了解(如ajax)
老师告诉你能学到什么?
1. axios的基本用法; 2. axios的各种请求方法以及相关配置; 3. axios的拦截器,合并请求,取消请求; 4. 如何在项目中优雅的使用Axios。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!