Vue http.get vue-resource

Posted 2020-09-08 ADSFASFDA

// 基于全局Vue对象使用http
Vue.http.get(\'/someUrl\', [options]).then(successCallback, errorCallback);
Vue.http.post(\'/someUrl\', [body], [options]).then(successCallback, errorCallback);

// 在一个Vue实例内使用$http
this.$http.get(\'/someUrl\', [options]).then(successCallback, errorCallback);
this.$http.post(\'/someUrl\', [body], [options]).then(successCallback, errorCallback);

// 传统写法
this.$http.get(\'/someUrl\', [options]).then(function(response){
    // 响应成功回调
}, function(response){
    // 响应错误回调
});

支持的HTTP方法
vue-resource的请求API是按照REST风格设计的，它提供了7种请求API：

get(url, [options])
head(url, [options])
delete(url, [options])
jsonp(url, [options])
post(url, [body], [options])
put(url, [body], [options])
patch(url, [body], [options])

更多

 

案例

 qingkong_gouwuche(){
                var url=\'<?=Url::toRoute([\'gouwuche/qingkong-gouwuche\'])?>\';
                var successCallback=function (data) {
                    if(data.data.code==1){
                        alert(\'清空购物车成功\');
                    }
                };
                var errorCallback=function (data) {
                    console.log(data);
                };
                this.$http.get(url,null,{dataType:\'json\'}).then(successCallback, errorCallback);
            }

View Code

 

http://www.cnblogs.com/axl234/p/5899137.html