1

我在我的网站上运行 Bootstrap，并结合了一个名为Bootstrap Tables的引导插件。它请求将数据作为 JSON 文件交付。

我在让它工作时遇到了麻烦。我已经尝试了一整天，但没有结果。我还尝试了 Google 和其他代码示例。

我的 JSON 文件看起来像

    {"giveawayid":"101", "creatorid":"7962290569"}

我的测试页面如下所示：

<html lang="en"> 
<head>
    <!-- Latest compiled and minified JavaScript -->
    <script src="js/jquery-1.11.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/bootstrap-table.js"></script>
    <!-- Bootstrap - Latest compiled and minified CSS -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/bootstrap-table.css">

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Test</title>
</head>

<body>
<p>&nbsp;</p>
<div class="container">

    <!-- table -->
    <table class='table' data-toggle="table" data-url="test.json">
    <thead>
    <TR>
        <TH data-field="giveawayid" data-align="center" data-sortable="true">giveawayid</TH>
        <TH data-field="creatorid" data-align="center" data-sortable="true">creatorid</TH>
    </TR>
    </thead>
    </table>

</div>
</body></html>

现在，您可以通过可排序的标题看到，Bootstrap Table javascript 处于活动状态。

我还检查了 JSON 文件，虽然是我自己制作的，但它们似乎是有效的。然而，系统似乎没有处理数据。我如何确定他们的 json 文件是正确的？我检查了开发人员工具，没有看到错误。

有谁知道可能出了什么问题？

编辑：下面的解决方案

4

3 回答 3

4

由于我无法对您的帖子发表评论，所以我在这里写：

data.json应该是一个数组。我在您的 test.json、test2.json、test3.json 中发现“test.json 是 json 对象”、“test2.json 是带有数组的 json 对象”和“test3.json 是包含多个对象的单个 json 数组” .

根据“引导表中的入门部分”，它需要带有 json 对象的 json 数组。从 pastebin试试这个修改后的data.json 。

        <table data-toggle="table" data-url="data.json" data-height="299">
            <thead>
                <tr>
                    <th data-field="giveawayid">Item ID</th>
                    <th data-field="creatorid">Creator</th>
                    <th data-field="created">Created</th>
                </tr>
            </thead>
        </table>

输出： 在此处输入图像描述

于 2014-08-07T18:39:55.977 回答
0

您可以设置responseHandler选项，例如这样：

html:

<table data-url="data4.json" data-height="299" data-card-view="true" data-response-handler="responseHandler">
    <thead>
    <tr>
        <th data-field="name">Name</th>
        <th data-field="license">License</th>
        <th data-field="description">Description</th>
        <th data-field="url">Url</th>
    </tr>
    </thead>
</table>

js：

// client side
function responseHandler(res) {
    return res.repos;
}

http://wenzhixin.net.cn/p/bootstrap-table/docs/data4.json

http://wenzhixin.net.cn/p/bootstrap-table/docs/examples.html#card-view

于 2014-09-24T14:07:14.557 回答
0

解决方案：

我的 .json 文件不是正确的数组。使用以下代码制作一个有效的 JSON 文件：

<?php
header('Content-type: application/json');
// Connect to the MySQL database
require_once ("lib/connect.php");

// query - description of query
$sql = "SELECT column FROM table";
    $result = mysqli_query($dbConnection, $sql);

if ($result->num_rows > 0) {
    while ($row = mysqli_fetch_assoc($result)) {
        $json[]=$row;
    }
}

// CLOSE CONNECTION
mysqli_close($dbConnection);

echo json_encode($json);
?>
于 2014-08-07T19:55:03.510 回答