json kategoriye göre konu seçme

hocalarım merhabalar, phonegap ile yeni tanıştım ve js ile yeni yeni ilgileniyorum, php ile karınca kararınca localde çalışan bir cms yazdım kendime, amacım maddi çıkar değil tamamıyla öğrenmek.
Bu cms de yazdığım konuları telefonumda da göstermek istedim ama js ile bir türlü beceremedim. bana fikir verebilirseniz çok sevinirim herkes combobox kullanmış ama ben liste şeklinde link kullanmak isiyorum.

jsonkat.php

header("Content-Type: text/html; charset=utf-8");
include("inc/baglanti.php");
$result = mysqli_query($baglanti, "SELECT * FROM kategoriler");

$json = array();
$total_records = mysqli_num_rows($result);

if($total_records > 0){
  while ($row = mysqli_fetch_array($result, MYSQL_ASSOC)){
    $json[] = $row;
  }
}

echo json_encode($json);

jsonkonu.php

include("inc/baglanti.php");
$id = $_GET["id"];
if(isset($id)){
  $result = mysqli_query($baglanti, "select * from konular inner join kategoriler on kategoriler.kategori_id = konular.konu_kategori where kategori_id=$id and konu_onay=1");
          $json = array();
          $total_records = mysqli_num_rows($result);
          if($total_records > 0){
            while($kayit = mysqli_fetch_array($result, MYSQL_ASSOC)) {

              $json[] = $kayit;

      }}}

      echo json_encode($json);

 

phonegap ile yapmaya çalıştığım sayfa

$(document).ready(function () {
var url = '192.168.1.151/cms/phonegap/jsonkat.php'; 
$.getJSON(url, function (data) 

{
for (var i = 0; i < data.length; i++) {  
//document.write("<a href='../m0/anasayfa.php?do=kategori&id="+data[i].kategori_id+"'>" + data[i].kategori_adi + "</a></p>");   
document.write($('#sonuc').html));
}
});

});