• axios的基本使用


    axios框架的基本使用

      1. axios的请求方式

        axios(config)

        axios.request(config)

        axios.get(url,[config])

        axios.delete(url,[config])

        axios.heat(url,[config])

        axios.post(url,[data],[config])

        axios.put(url,[data],[config])

        axios.patch(url,[data],[config])

      2. axios框架的安装

        1. 新建一个vue项目

        2. 安装axios

          npm install axios --save

        3. 在项目中需要发送网络请求的地方使用axios即可

      3. axios各个请求方式的使用案例

        1. axios(config)    发送get和post请求

          // 根据method值的不同,可以分别发送get和post请求

          // 默认发送get请求

          示例:

             // 1. 无参数传入时

    axios({
        url: 'http://123.207.32.32:8000/home/multidata',    // 无参数传入时
        mathod: 'get',
    }).then((res) => {
        console.log(res);
    })
    View Code

                                   

            // 2. 有参数传入时

    axios({
        url: 'http://123.207.32.32:8000/home/data?type=pop&page=1', // 有参数传入时
        mathod: 'get',
    }).then((res) => {
        console.log(res);
    })
    View Code

                                 // 3. 有参数传入时, 参数和url可以分开写

    axios({
        url: 'http://123.207.32.32:8000/home/data', // 有参数传入时
        mathod: 'get',
        // 有参数传入时,参数可以提出来单独写在params中
        // 注意,请求方式为get时,需要传输的数据保存再params中
        //      请求方式为post时,需要传输的数据保存再data中
        params:{
            type: 'pop',
            page: 1
        }
    }).then((res) => {
        console.log(res);
        })
         // axios返回的是一个Promise对象,因此可以直接在axios()之后根.then()来获取返回结果
    View Code

                            2. 其他请求方式可自行查询

  • 相关阅读:
    angry_birds_again_and_again(2014年山东省第五届ACM大学生程序设计竞赛A题)
    数学入门题目
    POJ1236:Network of Schools(tarjan+缩点)?
    POJ2186:Popular Cows(tarjan+缩点)
    HDU2426:Interesting Housing Problem(还没过,貌似入门题)
    POJ1175:Starry Night(bfs)
    POJ2506:Tiling(递推+大数斐波那契)
    POJ2135:Farm Tour
    POJ2195:Going Home(费用流入门)
    POJ1273:Drainage Ditches(最大流入门 EK,dinic算法)
  • 原文地址:https://www.cnblogs.com/carreyBlog/p/13672601.html
Copyright © 2020-2023  润新知