【如何使用service和factory来封装ajax请求，实现复用性调用请求数据 _angular服务】

如何使用service和factory来封装ajax请求，实现复用性调用请求数据

我也踩过这个坑( 3 )

已统计您的踩坑,无需重复点击

回答(2)

angular服务

详细描述

截图

代码

//职业添加
            postPosition: function (params, tag, id) {
                var data = {};
                data.profession = params;
                data.tags = tag.map(function (item) {
                    var obj = {};
                    obj.tag = item;
                    return obj
                });
                console.log(data);
                return $http({
                    url: pathProject.postPosition_url,
                    method: "post",
                    headers: {'Content-type': 'Application/json'},
                    transformRequest: function (data, headersGetter) {
                        return data
                    },
                    data: JSON.stringify(data)
                })
            },

.factory('pathProject', function () {
        return {
            //上传图片接口
            upload_url: function () {
                return "/a/u/img/3"
            },
            // 获取公司列表接口
            getCompanyList_url: "/a/company/search",
            // 删除公司信息接口
            delCompany_url: function (id) {
                return "/a/u/company/" + id
            },
            // 认证/冻结公司状态接口
            changeCompanyStatus_url: function (id, type, status) {
                return "/a/u/company/status?id=" + id + "&type=" + type + "&status=" + status;
            },
            // 获取公司详情接口
            getCompanyDetail_url: function (id) {
                return "/a/company/" + id;
            },

编辑于2024-05-01

时间排序

热门排序

[上海|荣耀师兄]JS-五竹
0

双层封装，一层封装接口地址，如图写成一个自定义服务。这个服务返回一个对象，对象里面每个名字返回一个函数，每个函数里面返回一个接口地址。
在第二层继续注册一个服务，依赖注入一层服务，在这层服务调用一层服务名字中的属性，也就是函数返回的接口地址，再根据接口文档写成一个请求。
在控制器中依赖注入第二层服务，就可以用封装好的
请求了。

查看全部>

编辑于2018-06-23
[上海|结业弟子]JS-燕赤霞
0

结合上面师兄给出的解释，再来看代码，食用更佳~

var serv = angular.module('serv', []);
// 请求方法
serv.factory("beg", function ($http, site) {
return {
postLogin: function (params) { //登录
return $http.post(site.postLogin(), params)
},
postLogout: function () { //登出
return $http.post(site.postLogout())
},
getList: function (params) { //list获取列表请求
return $http.get(site.getList(), { //调用site地址方法,后面带()为调用，没有()为引用
params: params //传参
});
},
getListOne: function (id) { //获取单个数据
return $http.get(site.getListOne(id))
},
postAdd: function (params) { //新增列表
return $http.post(site.postAdd(), params)
},
putUpdate: function (params) { //编辑
return $http.put(site.putUpdate(params.id), params)
},
putSwops: function (params) { //修改上架下架
return $http.put(site.putSwops(), params)
},
deleteList: function (id) { //删除
return $http.delete(site.deleteList(id))
}
}
});
serv.factory("site", function () {
return {
postLogin: function () { //登录
return '/carrots-admin-ajax/a/login';
},
postLogout: function () { //登出
return '/carrots-admin-ajax/a/logout';
},
getList: function () { //封装获取list列表数据接口为一个方法
return '/carrots-admin-ajax/a/article/search';
},
getListOne: function (id) { //获取单个数据
return '/carrots-admin-ajax/a/article/' + id
},
postAdd: function () { //新增列表
return '/carrots-admin-ajax/a/u/article';
},
putUpdate: function (id) { //编辑
return '/carrots-admin-ajax/a/u/article/' + id;
},
putSwops: function () { //修改上架下架
return '/carrots-admin-ajax/a/u/article/status';
},
deleteList: function (id) { //删除
return '/carrots-admin-ajax/a/u/article/' + id
}
}
})

查看全部>

编辑于2018-11-23

去第页