Http请求封装

huangyongxing310

浏览: 490434 次
性别:
来自: 广州

最近访客更多访客>>

hiroada

lixiaoxin

u012363178

wangyy

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

AngularJS

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script src="angular.min.js"></script>
    <script src="jquery.min.js"></script>
</head>
<body ng-app="myApp">

<div ng-controller="myController">
</div>

</body>

<script>
    var app = angular.module('myApp', []);
    //定义服务
    app.service('commonFun', function ($http) {
        this.httpPost = function (url, dataObj, successFun, errorFun) {
            $http({
                method: 'POST',
                url: url,
                data: dataObj,
                headers: {
                    'Content-Type': 'application/x-www-form-urlencoded'
                },
                transformRequest: function (data) {
                    var str = '';
                    for (var i in data) {
                        str += i + '=' + data[i] + '&';
                    }
                    return str.substring(0, str.length - 1);
                }
            }).then(function successCallback(response) {
                if (successFun == null) {
                    alert("请求数据成功!")
                }
                else {
                    successFun(response);
                }
            }, function errorCallback(response) {
                //alert("getMenuListByMenuNameInRegex 请求数据错误!");
                if (errorFun == null) {
                    alert("url 请求数据错误!")
                } else {
                    errorFun(response);
                }
            });
        };

        this.httpPostFile = function (url, dataObj, successFun, errorFun) {
            var fd = new FormData();
            for (var i in dataObj) {
                fd.append(i, dataObj[i]);
            }
            $http({
                method: 'POST',
                url: url,
                data: fd,
                headers: {'Content-Type': undefined},
                transformRequest: angular.identity
            }).then(function successCallback(response) {
                if (successFun == null) {
                    alert("请求数据成功!")
                }
                else {
                    successFun(response);
                }
            }, function errorCallback(response) {
                //alert("getMenuListByMenuNameInRegex 请求数据错误!");
                if (errorFun == null) {
                    alert("url 请求数据错误!")
                } else {
                    errorFun(response);
                }
            });
        };

        this.httpGet = function (url, successFun, errorFun) {
            $http({
                method: 'GET',
                url: url
            }).then(function successCallback(response) {
                if (successFun == null) {
                    alert("请求数据成功!")
                }
                else {
                    successFun(response);
                }
            }, function errorCallback(response) {
                if (errorFun == null) {
                    alert("url 请求数据错误!")
                } else {
                    errorFun(response);
                }
            });
        };

        this.isEmptyObject = function (e) {
            var t;
            for (t in e) {
                return !1;
            }
            return !0
        };

        this.scollToElement = function (selector) {
            console.info("selector == " + selector);
            var elementVar = $(selector);
            var num = elementVar.length;
            console.info("num == " + num);
            console.info("elementVar == " + elementVar);
            var elementHeight = elementVar.outerHeight(true);
            console.info("elementHeight == " + elementHeight);
            //var elementOffsetTop = elementVar.offsetTop;
            var elementOffsetTop = elementVar.offset().top;
            console.info("elementOffsetTop == " + elementOffsetTop);
            $(document).scrollTop(elementOffsetTop + elementHeight);
        }
    });

    app.controller('myController', function ($scope, commonFun) {
        function getMenuListAllSuccessFun(response) {
            var errorCode = response.data.errorCode;
            console.info("errorCode == " + errorCode);
            console.info("data == " + response.data);
        }

        function getMenuListAll() {
            var url = 'http://119.23.31.212/common/CookerRecipeController/getMenuList';
            commonFun.httpGet(url, getMenuListAllSuccessFun);
        }

        function getMenuContentSuccessFun(response) {
            var errorCode = response.data.errorCode;
            console.info("errorCode == " + errorCode);
            console.info("data == " + response.data);
        }

        function getMenuContent(menuId) {
            var url = 'http://119.23.31.212/common/CookerRecipeController/getCookerRecipeByMenuId';
            var data = {menuId: menuId};
            commonFun.httpPost(url, data, getMenuContentSuccessFun);
        }

        function getMenuContent2(menuId) {
            var url = 'http://119.23.31.212/common/CookerRecipeController/getCookerRecipeByMenuId';
            var data = {menuId: menuId};
            commonFun.httpPostFile(url, data, getMenuContentSuccessFun);
        }

        getMenuListAll();
        getMenuContent(30000);
        getMenuContent2(30000);
    });
</script>
</html>

分享到：

lazyLoad | 上传文件内容改变和上传文件

2017-05-09 22:21
浏览 541
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

Http请求封装

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

Http请求封装

评论

发表评论

相关推荐

lazyLoad

timer

滚动到指定元素、判断对象是否为空

上传文件内容改变和上传文件

ng-click参数传递

promise（js里很多服务的then实现分析）

AngularJs directive(指令)

Anguar 工作过程

AngularJS Ajax($http)

Angularjs run(AngularJS应用中第一个被执行的方法)

AngularJs框架下controller间的传值方法

$on、$emit和$broadcast的使用

AngularJs API

AngularJS 路由

AngularJS $location

AngularJS中service，factory，provider的区别

AngularJS基础

最近访客更多访客>>