Angular http

发布时间：2020-12-17 09:43:51 所属栏目：安全来源：网络整理

导读：1、参数： method：字符串，请求方法 post 或 get url：字符串，请求地址。 params：字符串或者对象，将使用paramserializer序列化并且作为GET请求的参数。 data：字符串或者对象，作为请求信息数据的数据。 headers：对象，字符串或者函数返回表示发送到服务

1、参数：
method：字符串，请求方法 post 或 get

url：字符串，请求地址。

params：字符串或者对象，将使用paramserializer序列化并且作为GET请求的参数。

data：字符串或者对象，作为请求信息数据的数据。

headers：对象，字符串或者函数返回表示发送到服务器的HTTP请求头。如果函数的返回值为空，则headers则不发送。函数接受一个配置对象作为参数。

xsrfHeaderName：字符串，填充XSRF令牌的HTTP请求头名称。

xsrfCookieName：字符串，含有XSRF令牌cookie的名字。

transformRequest：函数/函数的数组。转换函数或者一个包含转换函数的数组。转换函数获取http请求体和请求头，并且返回他们的转换版（通常是序列化）。

transformResponse：函数/函数的数组。转换函数或者一个包含转换函数的数组。转换函数获取http响应体和响应头，并且返回他们的转换版（通常是序列化）。

paramSerializer：字符串或者返回字符串的函数。用于编写请求参数（指定为对象）的字符串表示形式的函数。如果指令是字符串，那么将被解释为通过$injector注册的函数，这意味着你能通过注册服务方式创建你自己的序列化程序。默认的序列化是$httpParamSerializer；或者你可以使用$httpParamSerializerJQLike。

cache：boolean，如果为true，一个默认的$http缓存将被作为请求的缓存，否则如果存在一个用$cacheFactory创建的缓存实例，则将用于缓存。

timeout：数值，毫秒，超时则让请求中止。

withCredentials：boolean，是否设置withcredentials flag的XHR对象。查看更多信息的凭据。

responseType：字符串，响应头类型。

2、返回：
data：字符串或对象。变换函数变换后的响应体。

status：数值，响应的http状态码。

headers：函数，响应头的getter函数。

config：对象，用于生成请求的配置对象。

statusText：字符串，响应的HTTP状态文本。

3、方法：
3.1、get(url,[config]);
url：请求地址。
config：请求配置对象。

3.2、delete(url,[donfig]);
url：请求地址。
config：请求配置对象。

3.3、head(url,[config]);
url：请求地址。
config：请求配置对象。

3.4、jsonp(url,[config]);
url：请求地址。
config：请求配置对象。

3.5、post(url,data,[config]);
url：请求地址。
data：请求内容。
config：请求配置对象。

3.6、put(url,[config]);
url：请求地址。
data：请求内容。
config：请求配置对象。

3.7、patch(url,[config]);
url：请求地址。
data：请求内容。
config：请求配置对象。

4、属性：
pendingRequests
当前正在等待的请求的配置对象数组。主要是为了用于调试目的。

defaults
请求头配置默认属性。

$httpParamSerializerJQLike
Http参数序列化程序。序列化程序也将按字母顺序排序的参数。

2、基本使用

   $http({
       method: "post",responseType: "json",url: "/StudentManage/GetPageList",headers: {
           "Content-Type": "application/x-www-form-urlencoded"
       },data: {
           "pageIndex": $scope.currentPage,"pageSize": $scope.pageSize,"name": "",},}).success(function (response) {
       //处理响应成功
       $scope.currentPage = response.pageIndex;
       $scope.totalPage = response.pageCount;
       $scope.recordTotal = response.recordTotal;
       $scope.datas = response.Data;
       $scope.endPage = $scope.totalPage;
   }).error(function (result) {
       //处理响应失败
   }).then(function (result) { })

*、分页

<script>
    var app = angular.module('myApp',[]);
    app.controller('myController',function ($scope,$http) {
        $scope.currentPage = 1;
        $scope.pageSize = 10;
        $scope.totalPage = 1;
        $scope.pages = [];
        $scope.endPage = 1;
        //ok
        $http({
            method: "post",params: {
                "pageIndex": $scope.currentPage,}).success(function (response) {
            //处理响应成功
            $scope.currentPage = response.pageIndex;
            $scope.totalPage = response.pageCount;
            $scope.recordTotal = response.recordTotal;
            $scope.datas = response.Data;
            $scope.endPage = $scope.totalPage;
        }).error(function (result) {
            //处理响应失败
        }).then(function (result) { })
        $scope.onSelectPage = function (page) {
            $http({
                method: "post",params: {
                    "pageIndex": page,}).success(function (response) {
                $scope.currentPage = response.pageIndex;
                $scope.totalPage = response.pageCount;
                $scope.recordTotal = response.recordTotal;
                $scope.datas = response.Data;
                $scope.endPage = $scope.totalPage;
            }).then(function (result) { })
        };
    });
    app.directive('paging',function () {
        return {
            restrict: 'E',template: '',replace: true,link: function (scope,element,attrs) {
                scope.$watch('totalPage',function (value) {
                    scope.pages = [];
                    for (var i = 1; i <= value; i++) {
                        scope.pages.push(i);
                    }
                    if (scope.currentPage > value) {
                        scope.selectPage(value);
                    }
                });
                scope.isActive = function (page) {
                    return scope.currentPage === page;
                };
                scope.selectPage = function (page) {
                    if (!scope.isActive(page)) {
                        scope.currentPage = page;
                        scope.onSelectPage(page);
                    }
                };
                scope.selectPrevious = function () {
                    if (!scope.noPrevious()) {
                        scope.selectPage(scope.currentPage - 1);
                    }
                };
                scope.selectNext = function () {
                    if (!scope.noNext()) {
                        scope.selectPage(scope.currentPage + 1);
                    }
                };
                scope.noPrevious = function () {
                    return scope.currentPage == 1;
                };
                scope.noNext = function () {
                    return scope.currentPage == scope.totalPage;
                };
                scope.firstPage = function () {
                    scope.currentPage == 1;
                    scope.selectPage(1);
                }
                scope.lastPage = function () {
                    scope.currentPage == scope.endPage;
                    scope.selectPage(scope.endPage);
                }
            }
        };
    });
</script>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!