【问题标题】:bootstraptable data-url attribut unwanted query parameters! :(bootstrap table data-url 属性不需要的查询参数! :(
【发布时间】:2016-08-15 06:07:01
【问题描述】:

我在使用引导表时遇到问题。 让我们看看这个例子

http://issues.wenzhixin.net.cn/bootstrap-table/#options/server-side-pagination.html

关于你找到的源代码 data-url="/examples/bootstrap_table/data" 当您运行示例页面并查看 GET 调用是什么时,您会看到:

获取http://issues.wenzhixin.net.cn/examples/bootstrap_table/data?order=asc&offset=0&limit=10

数据后面是查询参数: ?order=asc&offset=0&limit=10 它根本与我的 api 不兼容,并且我的 api 发送了一个明确的 jason。 :( 我可以设法用属性删除“offset=0&limit=10” data-pagination="false 或不设置。 但是当我放置属性 data-sort-order="desc" 时,我最终会得到 ?order=asc 或 ?order=desc,而当我没有设置属性时,我最终会得到查询参数 ?order=asc。 我想完全删除查询参数,当我需要一些时,我自己在 url 属性上设置它。 请帮帮我。

非常感谢!

【问题讨论】:

  • 我建议您添加一个小提琴与您的缩小工作代码。
  • 我稍后再做,谢谢你的提示。但是引导表在每个示例中的行为都相同,请查看当 data-url url 属性指向直接 api 调用(而不是 file.json)时它发送的 GET 请求?order=asc!

标签: javascript jquery bootstrap-table


【解决方案1】:

data-url 用于服务器端处理。服务器对源中的数据进行排序、过滤和选择。

您可能正在寻找的是data-ajax。它只是加载所有数据,所有处理都在客户端完成。

更新:

通过 jsfiddle 提供一个工作示例对于给定的源并不容易(跨服务器它应该是 jsonp 并且缺少 SSL)但是如果它只是关于您初始化中的选项,我可以为您提供:

https://jsfiddle.net/rsacc203/1/

data-ajax="your/path" 因上述情况而丢失。

@更新评论:https://jsfiddle.net/rsacc203/3/

【讨论】:

  • 谢谢,您能否提供一个示例如何调用 data-ajax 属性的 URL,如 issues.wenzhixin.net.cn/examples/bootstrap_table/data 或更好的我需要的 js 脚本代码。我来自服务器的个人 json 响应如下: {"example_1":{"columns":["id","nr","code"],"records":[["1","1","0107SOC" ],["2","2","0108AHD"]]}} 或 {"example_2":[{"id":"1","nr":"1","code":"0107SOC"} ,{"id":"2","nr":"2","code":"0108AHD"}]} 非常感谢!
【解决方案2】:

这将完全删除查询参数。

HTML 属性:

data-query-params="queryParams"

JS:

function queryParams() {
    return {
    };

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-09-11
    • 1970-01-01
    相关资源
    最近更新 更多