加载外部数据的引导表 - 未找到匹配记录答案

【问题标题】：Bootstrap Table loading external data - No matching records found加载外部数据的引导表 - 未找到匹配记录
【发布时间】：2015-07-06 19:04:58
【问题描述】：

我正在尝试让插件 Bootstrap Table 与官方网站 (http://bootstrap-table.wenzhixin.net.cn/examples/) 上提供的示例代码一起使用。由于某种原因，它似乎不起作用，我得到的只是“找不到匹配的记录”。这是我的 jsFiddle http://jsfiddle.net/1r3s3qjn/，它基于官方示例 http://jsfiddle.net/wenyi/e3nk137y/14/light/，它可以工作。

我要加载的数据也来自官网：http://wenzhixin.net.cn/p/bootstrap-table/docs/data1.json

代码sn-p：

<table data-toggle="table" data-url="http://wenzhixin.net.cn/p/bootstrap-table/docs/data1.json">
    <thead>
        <tr>
            <th data-field="id">Id</th>
            <th data-field="name">Name</th>
            <th data-field="price">Price</th>
        </tr>
    </thead>
</table>

谁能让这个简单的例子工作？

编辑：

我只是设法让它在本地工作（代码和数据都保存在本地）。但是，这似乎只适用于 Firefox (37.0.2)。 Chrome (42.0.23) 和 IE11 仍然显示“未找到匹配记录”。

【问题讨论】：

如果您在服务器 wenzhixin.net 中使用此代码，您的 js 中会出现 Access-Control-Allow-Origin 错误，您应该不会遇到此错误
在这里阅读更多：stackoverflow.com/a/10636765/4613398
我正在尝试使用ajax 在Table from data 中执行此操作，它正在工作。 @madalinivascu 是正确的...

标签： javascript jquery html twitter-bootstrap bootstrap-table

【解决方案1】：

显示与跨域/Access-Control-Allow-Origin 问题相关的错误。提供来自同一域的数据。

或尝试http://bootstrap-table.wenzhixin.net.cn/examples/#basic-table-from-data。使用 CORS 读取数据并调用 bootstrapTable 函数。

【讨论】：