私のデータを表示するためにjqGridを取得できません。ヘッダーをクリックすると、テーブルの下部を表示するレコードが表示されませんが、そうでないことはわかります。私が表示しようとしているJsonはURLから来ており、そのURLのJsonはgolangを使ってmysqlデータベースから引き出されています。私はJquery jqGridバージョン4.4.3を使用しています。jqGridにデータがありません
これはこれは、MySQL DBから引き出され、私は
([{"address":"178795010","client_id":null,"expire":"2016-09-26 16:56:32","fqdn_fwd":"1","fqdn_rev":"1","hostname":"vagrant-20009.ipam.bskyb","hwaddr":"0800272022E6","state":"0","subnet_id":"500","valid_lifetime":"4000"},{"address":"178795011","client_id":null,"expire":"2016-09-26 16:58:48","fqdn_fwd":"1","fqdn_rev":"1","hostname":"vagrant-18992.ipam.bskyb","hwaddr":"0800270FB593","state":"0","subnet_id":"500","valid_lifetime":"4000"},{"address":"178795012","client_id":null,"expire":"2016-09-26 17:13:55","fqdn_fwd":"1","fqdn_rev":"1","hostname":"dhcp-client1.ipam.bskyb","hwaddr":"0800275EA5B9","state":"0","subnet_id":"500","valid_lifetime":"4000"},{"address":"178795013","client_id":null,"expire":"2016-09-26 16:56:17","fqdn_fwd":"1","fqdn_rev":"1","hostname":"vagrant-10873.ipam.bskyb","hwaddr":"0800275FCA93","state":"0","subnet_id":"500","valid_lifetime":"4000"},{"address":"178795018","client_id":null,"expire":"2016-09-26 17:06:16","fqdn_fwd":"1","fqdn_rev":"1","hostname":"vagrant-24830.ipam.bskyb","hwaddr":"080027707E62","state":"0","subnet_id":"500","valid_lifetime":"4000"},{"address":"3232250120","client_id":null,"expire":"2016-09-26 16:17:15","fqdn_fwd":"1","fqdn_rev":"1","hostname":"bobtheblob7.ipam.bmarkskyb","hwaddr":"080027063AD9","state":"0","subnet_id":"12","valid_lifetime":"100"},{"address":"3232250122","client_id":null,"expire":"2016-09-26 16:17:22","fqdn_fwd":"1","fqdn_rev":"1","hostname":"bobtheblob8.ipam.bmarkskyb","hwaddr":"800027A5E27A","state":"0","subnet_id":"12","valid_lifetime":"100"}]);
を呼び出していますURLに表示されるJSONでテーブルを表示するためのコードと機能
<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/ecmascript" src="jquery/js/jquery-1.7.2.min.js"></script>
<script type="text/ecmascript" src="jquery/js/i18n/grid.locale-en.js"></script>
<script type="text/ecmascript" src="jquery/js/jquery.jqGrid.min.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="jquery/css/ui.jqgrid.css"/>
<link rel="stylesheet" type="text/css" media="screen" href="jquery/css/jquery-ui.css" />
<meta http-equiv="content-type" content="text/html" charset="UTF-8">
<title>IPAM</title>
</head>
<body>
<table id="jqGrid"></table>
<div id="jqGridPager"></div>
<script type="text/javascript">
$(document).ready(function() {
$("#jqGrid").jqGrid({
url:'http://localhost:1323/api/v1/leases',
mtype: "GET",
datatype: 'jsonString',
jsonReader:{
repeatitems: false,
id: "address",
},
colModel: [
{label: 'address', index:'address', key: true, width: 100},
{label: 'client_id', name:'client_id', width: 150},
{label: 'expire', name:'expire', width: 150},
{label: 'fqdn_fwd', name:'fqdn_fwd', width: 150},
{label: 'fqdn_rev', name:'fqdn_rev', width: 150},
{label: 'hostname', name:'hostname', width: 150},
{label: 'hwaddr', name:'hwaddr', width: 150},
{label: 'state', name:'state', width: 150},
{label: 'subnet_id', name:'subnet_id', width: 150},
{label: 'valid_lifetime', name:'valid_lifetime', width: 150},
],
page: 1,
scroll: 1,
viewrecords: true,
width: 780,
height: 250,
rowNum: 20,
pager: "#jqGridPager"
});
});
</script>
</body>
</html>
と私のHTMLページです
あなたは**同じWebサイトからデータ**を使用しようか?この場合、URLから 'http:// localhost:1323'という接頭辞を削除してください。次の問題: 'datatype: 'jsonString''は間違っています。サーバーからデータをロードする場合は、 'datatype: 'json''を使用する必要があります。 'scroll:1'の使用は推奨されませんが、' loadonce:true'はおそらく必要なものです。別の推奨事項:レトロなバージョン4.4.3は使用しないでください。これは長い間サポートされていません。 4.4.3と互換性のあるjqGridの[free jqGrid](https://github.com/free-jqgrid/jqGrid)フォークを開発します。無料のjqGridにアップグレードすることをお勧めします – Oleg
無料のjqGridの使用方法の最初の手順は、[here](http://free-jqgrid.github.io/getting-started/index.html)を参照してください。 [wiki](https://github.com/free-jqgrid/jqGrid/wiki)および公開されているすべてのバージョンのreadmesは、追加情報を提供します。 – Oleg
@Olegアドバイスありがとう、私は今ブラウザのページを読み込むときにこのエラーが発生しています:parsererror:エラー:jQuery112402678749294365155_1475059615993が成功したとは言われていませんでした – computerNoob