vue-resource与后台做交互的使用

最新推荐文章于 2023-05-31 01:09:58 发布

csdnvsaqin

最新推荐文章于 2023-05-31 01:09:58 发布

阅读量420

点赞数

CC 4.0 BY-SA版权

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/qq_37570945/article/details/81297895

vue 专栏收录该内容

11 篇文章

订阅专栏

本文详细介绍了如何在Vue项目中使用vue-resource插件进行网络请求，包括安装、配置及GET、POST、JSONP等请求方式的示例代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.安装vue-resource

npm install vue-resource --save-dev

2.main.js入口js中引入并使用

import VueResource from 'vue-resource'

Vue.use(VueResource);

3.使用

   get:
       获取一个普通文本数据:
       this.$http.get('aa.txt').then(function(res){
       alert(res.data);
       },function(res){
       alert(res.status);
       });
       给服务发送数据:√
       this.$http.get('get.php',{
       a:1,
       b:2
       }).then(function(res){
       alert(res.data);
       },function(res){
       alert(res.status);
       });
   post:
       this.$http.post('post.php',{
       a:1,
       b:20
       },{
       emulateJSON:true
       }).then(function(res){
       alert(res.data);
       },function(res){
       alert(res.status);
       });
   jsonp:
       https://sug.so.360.cn/suggest?callback=suggest_so&word=a

https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=a&cb=jshow

       this.$http.jsonp('https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su',{
       wd:'a'
       },{
       jsonp:'cb'   //callback名字，默认名字就是"callback"
       }).then(function(res){
       alert(res.data.s);
       },function(res){
       alert(res.status);
       });

https://www.baidu.com/s?wd=s