json - JSON.parse：jqgrid 上的意外字符异常

Question

当我试图在我的 JQGrid 中读取本地 JSON 时，我得到一个 JSON.parse: 意外字符异常。

<script type="text/javascript">

var jsondata =  { 
      "totalpages": "1", 
      "currpage": "1",
      "totalrecords": "2",
      "invdata" : [
        {"name":"New York City", "country":"USA", "continent":"NorthAmerica"},
        {"name":"Paris", "country":"France", "continent":"Europe"}

      ]
    };

$(document).ready(function() {
$("#grid").jqGrid({ data: jsondata,
                    datatype: "json",
                    colNames: ["Name", "Country", "Continent"],
                    colModel: [{
                        name: 'name',
                        index: 'name',
                        editable: true, 
                    }, {
                        name: 'country',
                        index: 'country',
                        editable: true,
                    }, {
                        name: 'continent',
                        index: 'continent',
                        editable: true,
                    }],
                    pager: '#pager',
                    jsonReader : {
                        root:"invdata",
                        page: "currpage",
                        total: "totalpages",
                        records: "totalrecords",
                        repeatitems: false,
                        id: "0"
                     },
                    caption:"Dynamic hide/show column groups"
            }).navGrid("#pager",{edit:false,add:false,del:false});

    jQuery("#hc").click( function() { jQuery("#grid").jqGrid('hideCol',["continent"]); }); 
    jQuery("#sc").click( function() { jQuery("#grid").jqGrid('showCol',["continent"]); });


});



</script>

我试图在 jqgrid Wiki 中查找，但仍然无法找出问题所在。jsonReader 有问题吗？我已经检查了相关问题，但没有太大帮助。

Answer 1

不要将“jsondata”作为参数提供给 jqgrid 的“data”，而是提供数据：jsondata.invdata