res-apiでjqgridを使用する

Question

こんにちは、私はjqgridについて学びます。

何とか私のコードは何の仕事もしていません。私は説明を読んで指示に従いますが、私はテーブルの中にそれを表示するためのデータを取得することはできません。 私のコードは、この

<div style="margin-left:20px"> 
    <table id="jqGrid"></table> 
    <div id="jqGridPager"></div> 
</div> 


$(document).ready(function() { 
    $("#jqGrid").jqGrid({ 
    url: 'http://interview.kargo.co.id/api.html', 
    mtype: "GET", 
    styleUI : 'Bootstrap', 
    datatype: "jsonp", 
    colModel: [ 
     { label: 'id', name: 'id', key: true, width: 75 }, 
     { label: 'vehiclegroup__name', name: 'vehiclegroup__name', width: 150 }, 
     { label: 'destination__name', name: 'destination__name', width: 150 }, 
     { label: 'departure__name', name: 'departure__name', width: 150 }, 
     { label:'metric', name: 'metric', width: 150 }, 
     { label:'start_date', name: 'start_date', width: 150 }, 
     { label:'end_date', name: 'end_date', width: 150 }, 
     { label:'price', name: 'price', width: 150 }, 
     { label:'loadcap__name', name: 'loadcap__name', width: 150 } 
    ], 
    viewrecords: true, 
    height: 250, 
    rowNum: 20, 
    pager: "#jqGridPager" 
    }); 
}); 

ようなもので、それが原因http://interview.kargo.co.id/api.htmlあり、それは、APIファイルのですか？ 助けてください

Answer 1

urlの回答のContent-Typeはtext/htmlです。それがデータが読み込まれていない理由です。

以前はjqGridを使用していませんでした。だからあなたを助けることはできません。私はあなたが別々に以下のようなデータをロードすることができると思う：

var data = $.getJSON('http://interview.kargo.co.id/api.html') 

とjqGridにバインドするthis example（>Array DataLoading Data）を使用します。