读书

Vue中 get post 请求方法

2022-02-07  本文已影响0人  方_圆

1.get请求

1.1不需要带参数的get请求


this.$axios.get("你的请求地址").then(res => {//获取你需要用到的数据})

1.2需要带参数的get请求


例如请求分页列表    

this.$axios.get("你的请求地址",

            {   

                     params:{    

                                           pageSize: this.pagesize,(在data中定义好的)

                                            pageNum: this.currentPage,(在data中定义好的)

                                   }

               }

    ).then(res => {//获取你需要用到的数据});

2.post请求

2.1拼接、Content-Type:application/json

        axios.post("你的请求地址",,'name=xxxx&num=xxxxxx').then(resp=>

                {

                    console.log(resp);

                    this.josarr=resp.data.jokes//数据赋值 

                }

2.2json对象提交数据

let data = {

        'user':"admin" ,

        'hideFlag': '1',

        'content': this.content,

        'pictureUrl': this.imgUrl

      }

     this.$axios

              .post('"你的请求地址"', data)

              .then((res) => {

                console.log(res)得到你想要的数据    

2.3. 通过FormData表单形式传递参数(通过键值对的表单形式传递数据)

       formData:{    

                                user:lili;

                                pass:12345678

                            }

      let formData= this.formData

            this.$axios

              .post('你的请求地址', form)

              .then((res) => {

                 console.log(res)得到你想要的数据

上一篇 下一篇

猜你喜欢

热点阅读