码迷,mamicode.com
首页 > 其他好文 > 详细

VUE- 访问服务器端数据

时间:2019-08-21 13:45:09      阅读:115      评论:0      收藏:0      [点我收藏+]

标签:nbsp   ati   enc   llb   ams   https   var   成功   log   

VUE- 访问服务器端数据

 

1. 安装 vue-resource 

npm install vue-resource --save

 

 

安装完毕后,在main.js中导入,如下所示:

import VueResource from vue-resource; 

Vue.use(VueResource);  

 

 

get请求

 

 
var params = {params: {id: id}}
this.$http.get(url, params).then(function(res){
    // 响应成功回调
    var data = res.body;
    //数据在res.body里面
}, function(res){
    // 响应错误回调
});

 

 

post请求

 
启用{emulateJSON : true}选项后,请求会以application/x-www-form-urlencoded作为content-type,像HTML表单一样。
var params = {params: {id: id}}
this.$http.post(url, params,{emulateJSON : true}).then(function(res){
    // 响应成功回调
    var data = res.body;
    //数据在res.body里面
}, function(res){
    // 响应错误回调
});

 

 

 

JSONP 请求

 

 
var JSONparams ={
    params: {id: id}
    jsonp: callback // 设置回调函数的参数的一个名字,默认是话是callback,
}
 this.$http.jsonp(url, JSONparams).then( (res) => {
    console.log(res);
}, (err) => {
    console.log(err);
}) 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

引用:https://blog.csdn.net/ant_dreams/article/details/80568420

 

VUE- 访问服务器端数据

标签:nbsp   ati   enc   llb   ams   https   var   成功   log   

原文地址:https://www.cnblogs.com/1285026182YUAN/p/11388075.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!