Pertama-tama buat database dengan nama test. Selanjutnya buat table dengan nama nyoba yang isinya id_coba, kode dan kota seperti yang terlihat dalam gambar di bawah ini :
hasilnya sebagai berikut :
Setelah membuat database dan table selanjutnya buat field coba.php dengan isian sebagai berikut :
<?
MYSQL_CONNECT("localhost","root","");
mysql_select_db("test");
$q = mysql_query("select * from nyoba");
$i=1;
while($r=mysql_fetch_array($q)){
$val1[$i] = $r[id_coba];
$val2[$i] = $r[kode];
$val3[$i] = $r[kota];
$i++;
$n=$i;
};
for($i=1;$i<=$n-1;$i++){
$hasil[]=array("id_coba"=>$val1[$i],"kode"=>$val2[$i],"kota"=>$val3[$i] );
}
echo json_encode($hasil);
?>
MYSQL_CONNECT("localhost","root","");
mysql_select_db("test");
$q = mysql_query("select * from nyoba");
$i=1;
while($r=mysql_fetch_array($q)){
$val1[$i] = $r[id_coba];
$val2[$i] = $r[kode];
$val3[$i] = $r[kota];
$i++;
$n=$i;
};
for($i=1;$i<=$n-1;$i++){
$hasil[]=array("id_coba"=>$val1[$i],"kode"=>$val2[$i],"kota"=>$val3[$i] );
}
echo json_encode($hasil);
?>
setelah selesai. buat field untuk menampilkan jsonnya dengan cara membuat field 1.php dengan isian sebagai berikut :
<head>
<link rel="stylesheet" type="text/css" href="../themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="../themes/icon.css">
<script type="text/javascript" src="../js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="js/jquery.easyui.min.js"></script>
</head>
<body>
<table class="easyui-datagrid" style="width:1060px;height:453px"
url="data/coba.php"
title="Test" toolbar="#tb" align='center'
singleSelect="true" fitColumns="true">
<thead>
<tr>
<th field="id_coba" width="60">Id</th>
<th field="kode" width="80">Kode Kota</th>
<th field="kota" align="right" width="70">Nama Kota</th>
</tr>
</thead>
</table>
</body>
<link rel="stylesheet" type="text/css" href="../themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="../themes/icon.css">
<script type="text/javascript" src="../js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="js/jquery.easyui.min.js"></script>
</head>
<body>
<table class="easyui-datagrid" style="width:1060px;height:453px"
url="data/coba.php"
title="Test" toolbar="#tb" align='center'
singleSelect="true" fitColumns="true">
<thead>
<tr>
<th field="id_coba" width="60">Id</th>
<th field="kode" width="80">Kode Kota</th>
<th field="kota" align="right" width="70">Nama Kota</th>
</tr>
</thead>
</table>
</body>
Selamat mencoba.