vue中请求的几种方式

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue中请求的几种方式相关的知识,希望对你有一定的参考价值。

参考技术A <script src="https://cdn.bootcss.com/vue-resource/1.3.4/vue-resource.min.js"></script>

一个不错的项目

https://blog.csdn.net/wdlhao/article/details/79079660

vue  jsonp

https://www.cnblogs.com/rapale/p/7839203.html

一.万能的Jquery (在存在跨域的情况下,目前用Jquery来请求)

$.ajax(

                url:'http://aa.bbbb.cn',      //请求接口

                type: "POST",                   //请求方式(跨域的话默认get提交,)

                data: this.param,              //请求参数

                async:true,                       //是否异步

                dataType: 'jsonp',              // 返回数据类型

                beforeSend: function(xhr,settings)

               

            ).then(function(data)

                console.log(data)

               

            );

二. vue-resource  

1,安装——npm install vue-resource

2.应用:   this.$http.get('url',

        param1:value1, 

        param2:value2 

    ).then(function(response) 

        // response.data中获取ResponseData实体   

 ,function(response) 

        // 发生错误    

        console.log(response)

);

this.$http.post('url',

        param1:value1, 

        param2:value2 

    , 

        emulateJSON:true 

    ).then(function(response) 

        // response.data中获取ResponseData实体    

,function(response) 

        // 发生错误    

);

this.$jsonp('url', data ).then(json =>

                json 就是返回数据

                if(json.code != "002")

                    alert(json.msg);

                else

               

            ).catch(err =>

              console.log(err)

            )

三. 、axios  

1.使用npm install来进行安装。 使用npm install来进行安装。

2.在准备使用的vue页面中,引入Axios,  import axios from 'axios'

//读取分类商品列表    created钩子函数中

   GET:   axios.get('http://jspang.com/DemoApi/typeGoods.php',   )

      .then(response=>

        console.log(response);

      )

      .catch(error=>

          console.log(error);

          alert('网络错误,不能访问');

      )

POST:  axios.post('/user',      //默认json

        firstName: 'Fred',

        lastName: 'Flintstone'    )

.then(function(response)      

  // response.data中获取ResponseData实体    

)

.catch(function(error)   

     // 发生错误   

 );

以上是关于vue中请求的几种方式的主要内容,如果未能解决你的问题,请参考以下文章

WebService请求的几种方式

发送ajax请求的几种方法

Axios请求头中常见的几种Content-Type

jquey的 ajax请求的几种方式

Android中的几种网络请求方式详解

获取post请求的几种常见方式