欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Angularjs实现一个Factory

程序员文章站 2022-05-23 18:43:32
昨晚对项目程序进行重构,发现一些数据冗余非常严重,一些货币,单位等静态数据N个页面均有从数据库获取。 因此,Insus.NET想到了,把它们写成一个通用的方法。在页面中,直接去执行此通用的方法即可。 代码示例大约如下: 公共函数: function httpRequestEvent(type, ur ......

昨晚对项目程序进行重构,发现一些数据冗余非常严重,一些货币,单位等静态数据n个页面均有从数据库获取。

因此,insus.net想到了,把它们写成一个通用的方法。在页面中,直接去执行此通用的方法即可。

代码示例大约如下:

 

公共函数:

function httprequestevent(type, url, args) {
        var d = $q.defer(); //声明延后执行,表示要去监控后面的执行。
        $http({
            method: type,
            url: url,
            datatype: 'json',
            headers: {
                'content-type': 'application/json; charset=utf-8'
            },
            data: json.stringify(args)
        })
            .then(
                function successcallback(response) {
                    d.resolve(response.data); //执行成功,即http请求数据成功,可以返回数据了。
                },
                function errorcallback(response) {
                    d.reject(response); //执行失败,即服务器返回错误。
                });
        return d.promise; //返回承诺,这里并不是最终数据,而是访问最终数据的api。
    }

 

独立引用公共函数:

 factory.currs = function () {
        var deferred = $q.defer();

        var args = {};
        httprequestevent('post', '/code/currencies', args).then(function (data) {
            deferred.resolve(data);
        });

        return deferred.promise;
    };

 

在所有页获取货币的,全部改为: