Bootstrap表没有填充来自服务器的数据

Question

我正在尝试使用以下内容设置分页：http://issues.wenzhixin.net.cn/bootstrap-table/index.html

到目前为止，我的HTML页面出现在我的页面上，我还可以从F12工具的Network选项卡中看到正在调用服务器端代码，并且正在返回json数据。但我不知道如何让数据出现在表格中。现在，该表只是说：找不到匹配的记录。

这是我的HTML代码：http://jsfiddle.net/pdwjq9e9/2/

服务器正在返回：

{'id':1,'name':'test name','code':'12345','available':'yes'}

我不确定如何将数据显示在表格中。 任何建议，将不胜感激。

感谢。

编辑1

作为测试，我尝试更改服务器端代码以返回此而不是json：

    "<tr><td>1</td><td>Test Name</td><td>12345</td><td>yes</td></tr>"

在F12工具的网络部分，在我的GET响应中，我可以看到它正在返回HTML。但它没有用这个HTML填充表格。

编辑2

在F12中，在网络下，我注意到有两个单独的请求。一个用于主页面，假设它叫做index.html。这通常会呈现页面。然后我看到一个单独的请求看起来像这样：

http://testdev/cgi-bin/widgets?order=asc&limit=10&offset=0

在该请求的响应标签中，我看到：

{'total':1, 'rows':[{'id':1,'name':'test name','code':'12345','available':'yes'}]}

（请注意，我已将json数据的格式更改为包含总记录，作为测试的一部分）

此外，在bootstrap表示例页面中，我没有看到他们通过javascript或ajax遍历json结果集以填充表的任何地方。任何建议将不胜感激。

Answer 1

如果我告诉你这是因为我的json数据中的单引号而不是双引号，你会相信吗？

我改变了

{'total':1, 'rows':[{'id':1,'name':'test name','code':'12345','available':'yes'}]}

到

{"total":1, "rows":[{"id":1,"name":"test name","code":"12345","available":"yes"}]}

我的坏。我应该早点使用jsonlint来验证我发回的内容。