javascript - Bootstrap 表加载外部数据 - 未找到匹配的记录

Question

我正在尝试让插件 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

代码片段:

<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 仍然显示“未找到匹配的记录”。

Answer 1

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

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