angualr4 如何获取response-header中包含的值

作者: wxfeng 分类: 未分类 发布时间: 2017-08-04 00:00

使用yii2官方提供的Restful功能进行接口开发,在获取列表信息时,返回的分页以及链接信息会保存在响应头信息 response-header 中,如下所示:

Connection →Keep-Alive
Content-Length →5491
Content-Type →application/json; charset=UTF-8
Date →Fri, 04 Aug 2017 09:55:10 GMT
Keep-Alive →timeout=5, max=100
Link →<http://localhost:86/v1/videos?searchText=2012&page=1>; rel=self, <http://localhost:86/v1/videos?searchText=2012&page=2>; rel=next, <http://localhost:86/v1/videos?searchText=2012&page=2>; rel=last
Server →Apache/2.4.23 (Win32) OpenSSL/1.0.2j PHP/5.4.45
X-Pagination-Current-Page →1
X-Pagination-Page-Count →2
X-Pagination-Per-Page →20
X-Pagination-Total-Count →27
X-Powered-By →PHP/5.4.45

如果需要获取这些信息,在向接口请求数据后,可通过res.headers.get('参数名')方法来获取 response-header中的内容,如获取元素总个数:'x-pagination-total-count'

return this.http
        .get(url,{search:params})
        .map((res:Response) => {
            let TotalCount:number = res.headers.get('x-pagination-total-count');
            console.log(result);
         })
         .catch((error:any) => Observable.throw(error || 'Server error'));

样例用途:在结合一些前端部件,如ngx-bootstrap中的pagination进行分页时,可通过这些分页信息的返回值对pagination对应的分页参数进行初始化

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注