bootstrap-table 使用服务器分页时如何添加自定义请求标头答案

【问题标题】：bootstrap-table how do I add a custom request header when using server paginationbootstrap-table 使用服务器分页时如何添加自定义请求标头
【发布时间】：2019-04-18 01:23:25
【问题描述】：

我在打字稿项目中成功使用引导表 (http://bootstrap-table.wenzhixin.net.cn/) 已经有一段时间了。

不幸的是，由于一个表返回的数据量很大，我想切换到对该表使用服务器端分页。

在大多数情况下，这似乎相当简单，但我需要表格将自定义请求标头传递给服务器，并且看不到如何做到这一点。

当前标头如下，但我需要获取引导表以添加包含身份验证令牌的授权标头。

http://localhost/api/1.0/LotsofData?order=asc&offset=0&limit=15&_=1542242900391

Accept: application/json, text/javascript, */*; q=0.01
Accept-Encoding: gzip, deflate
Accept-Language: en-GB,en;q=0.5
Cache-Control: no-cache
Connection: keep-alive
Content-Type: application/json
Host: localhost
Origin: http://localhost:53391
Pragma: no-cache
Referer: http://localhost:53391/
User-Agent: {stuff}

如何将自定义请求标头添加到引导表的获取请求中任何帮助将不胜感激。

【问题讨论】：

标签： bootstrap-table

【解决方案1】：

通过搜索 jquery $.ajax 请求的帮助来解决这个问题。如代码 sn-p 所示填充 ajaxOptions。

...
url: controller.ourservice.build_url(scope.id1, scope.id2),
sidepagination: 'server',
ajaxOptions: { headers: { 'Authorization': 'Token ' + localStorage.getItem("access_token") }},
pageSize: 15,
pageList: [5, 15],
...

【讨论】：