您现在的位置:首页 >> 前端 >> 内容

angular的$http的ajax的请求操作

时间:2017/1/10 11:08:05 点击:

  核心提示:angular通过封装$http方法,封装了,ajax请求也通过$http封装了$http.get()和$http.post()的方法,这里由于图省事,这两种方法不如直接使用通用的方法这里先写一个案例...

angular通过封装$http方法,封装了,ajax请求

也通过$http封装了$http.get()和$http.post()的方法,这里由于图省事,这两种方法不如直接使用通用的方法

这里先写一个案例,首先先写一个对象

        var req = {
            method: 'POST',//请求的方式
            url: ip,//请求的地址
            headers: {
                'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
                'Accept': '*/*'
            },//请求的头,如果默认可以不写
            timeout:5000,//超时时间,还没有测试
            data: str //message 必须是a=b&c=d的格式
        };

然后通过$http方法调用对象,获取信息

        $http(req).success(function (data, status, headers, config) {
            //成功后的数据处理

        }).error(function (data, status, headers, config) {
            //失败后的提示
            console.log("error", data, status, headers, JSON.stringify(config));
        });

angular 的ajax使用的是链式调用的方式,比较省事,简单易懂

$http的配置项

method:请求方式,有GET/DELETE/HEAD/JSONP/POST/PUT

url:绝对的或者相对的请求目标

data或者 params:请求的数据传送,data是post请求的数据,params是get请求的数据

headers:请求的头部

timeout:设置请求超时的时间,以毫秒计算,1000就相当于一秒

Tags:AN NG GU UL 
作者:网络 来源:现在学习也不晚