angularjs $http调用接口的方式

最新推荐文章于 2025-10-18 09:07:35 发布

原创最新推荐文章于 2025-10-18 09:07:35 发布 · 1.2w 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#angularjs #http调用接口

JavaScript 同时被 2 个专栏收录

17 篇文章

订阅专栏

AngularJS

4 篇文章

订阅专栏

本文介绍了在AngularJS中使用$http服务来调用API的不同方式，包括get请求和其他请求方法，并展示了如何处理成功及失败的响应。

angularjs $http调用接口的方式：

$http.get("/merchantmall/merchant.json")
    .success(function(data, status, headers, config) {
        console.log(arguments);
    })
    .error(function(data, status, headers, config) {
        console.log(arguments);
    })

$http({url: "/merchantmall/merchant.json", })
    .success(function(data, status, headers, config) {
        console.log(arguments);
    })
    .error(function(data, status, headers, config) {
        console.log(arguments);
    })

var promise = $http({
    method: 'GET',
    url: '/api/users.json'
});
promise.then(function(resp) {
    // resp是一个响应对象
}, function(resp) {
    // 带有错误信息的resp
});

var promise = $http({
    method: 'GET',
    url: '/api/users.json'
});
promise.success(function(data, status, headers, config) {
    // 处理成功的响应
});
promise.error(function(data, status, headers, config) {
    // 处理非成功的响应
});