美文网首页读书
Vue中 get post 请求方法

Vue中 get post 请求方法

作者: 方_圆 | 来源:发表于2022-02-07 17:21 被阅读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)得到你想要的数据

相关文章

网友评论

    本文标题:Vue中 get post 请求方法

    本文链接:https://www.haomeiwen.com/subject/kqobkrtx.html