无法以json格式将数据从php添加到jqGrid

你好 StackOverFlow 国家。我正在尝试向 jqGrid 添加信息，该信息是从 MySQL 数据库检索的。我有两个文件 => index.html 和 data.php （都在同一目录中）

index.html 来源 =>

<script type="text/javascript">
$(function(){
    $("#jqGrid_tb").jqGrid({
        url: "data.php",
        datatype: "json",
        sortable: true,
        height: "auto",
        colNames: ["Name","Surname","Birth Year","Famous Film"],
        colModel: [
            {name: "name", index: "name", width: "150"},
            {name: "surname", index: "surname", width: "150"},
            {name: "b_year", index: "year", width: "150"},
            {name: "film", index: "film", width: "200"}
        ],
        rowNum: 5,
        rowList: [5,10,15],
        viewrecords: true,
        pager: $("#pager"),
        caption: "Famous Actors",
    }).navGrid("#pager");
});
</script>

<div id="grid">
    <table id="jqGrid_tb"></table>
    <div id="pager"></div>
</div>

data.php 源 =>

include ("JSON.php");

$json = new Services_JSON();

$con = new mysqli("host","user","pswd","db");

if (!$con->connect_errno){
    if ($r = $con->query("SELECT * FROM actors")){
        while ($row = $r->fetch_assoc()){
            $info[] = array(
                "name" => $row[name],
                "surname" => $row[surname],
                "b_year" => $row[b_year],
                "film" => $row[film],
            );
        }
        $r->free();
    }
}

echo $json->encode($info);

if (isset($con)){
    $con->close();
}

jqGrid在index.html文件中显示没有任何信息，而且当打开data.php文件信息被成功编码为JSON格式时，出了什么问题我无法理解。请帮忙，谢谢...

您的回复格式错误。你可以去jqGrid 演示 http://www.trirand.com/blog/jqgrid/jqgrid.html展开后您将在其中找到 PHP/MySQL 示例的页面加载数据中然后选择JSON数据.

正确的数据格式应该如下所示：

{
    "total": "1",
    "page": "1",
    "records": "2",
    "rows": [
        { "name": "Robert", "surname": "De Niro", "b_year": "1943", "film": "Once Upon A Time In America" },
        { "name": "Al", "surname": "Pacino", "b_year":"1971", "film": "Scent Of A Woman"}
    ]
}

Where:

• total--> 总页数
• page--> 当前页码
• records--> 记录总数
• rows--> 数据行

另外，如果您希望行成为对象，则需要禁用repeatitems在 jqGrid 中jsonReader选项：

$("#jqGrid_tb").jqGrid({
    ...
    jsonReader: { repeatitems: false }
});

还建议行具有唯一的id供以后参考。