AngularJS内置服务

来源:互联网 发布:java中字符串转json 编辑:程序博客网 时间:2024/05/16 13:48

1.$window用于注入原生JS中的window对象。

2.$document用于注入原生JS中的document文档对象。

3.timeout注入封装js中的setTimeout()函数处理过程。

4.$interval用于注入封装的原生JS中的setInterval()函数处理过程。

5.$location用于注入原生JS中的location对象方便对于URL地址等操作。

6.$http用于注入封装的Ajax操作进行异步数据请求等等。

内置服务:¥http

$http服务是AngularJS的核心服务之一,这个服务主要封装了XMLHttpRequest对象和JSONP数据访问模式来完成远程服务的数据请求!

语法:

$http({method:”GET”,/* 请求发送方式*/url:”http://......../com” /*请求地址*/}).then(/* then()函数表示请求完成之后的操作*/function(response) {/* 请求成功之后的操作函数*/},function(response) {/* 请求失败时候的操作函数*/});

AngularJS为了方便开发人员进行快捷的异步数据请求的处理,提供了一系列的快捷函数方便开发,主要由如下的函数:

l  $http.get()

l  $http.post()

l  $http.jsonp()

$http.header()

$http.patch()

$http.put()

$http.delete()


例如:

 $scope.loginFn = function() {                // 实现登录                $http({                    method:"GET",                    url:"http://datainfo.duapp.com/shopdata/userinfo.php",                    params:{status:"login",userID:$scope.username, password:$scope.password}                    /*                    如果是get请求,请使用params来传递参数                    如果是Post请求,请使用data来尝试传递参数                     */                }).then(                    function success(resp) {                        console.log("请求成功", resp);                        if(resp.data instanceof Object) {                            console.log("登录成功,跳转到首页");                        } else {                            console.log("登录失败");                        }                    },                    function error(resp){                        console.log("请求失败");                    }                );            }



0 0
原创粉丝点击