Mengubah konten div di Jquery Mobile

Pertama, Anda ingin memastikan bahwa php Anda mengembalikan JSON yang diformat dengan benar, yang dalam hal ini adalah larik objek {id:1,name:"Name"}. Anda dapat melihat ini halaman contohnya. Anda akan mendapatkan sesuatu seperti

$fetch = mysql_query("SELECT * from railway"); 

while ($row = mysql_fetch_array($fetch, MYSQL_ASSOC)) {
  $row_array['id'] = $row['id'];
  $row_array['name'] = $row['name'];

  array_push($return_arr,$row_array);
}

echo json_encode($return_arr);

Di sisi klien, jika Anda ingin mendapatkan manfaat dari tampilan daftar seluler jquery , Anda mungkin harus mengubah <div data-role="content" id="list"> ke <ul data-role="listview" id="list"> .

Kemudian, Anda harus mempertimbangkan untuk memindahkan kode js Anda ke header, dan mengikatnya ke pageinit acara.

Anda juga perlu memodifikasi fungsi sukses Anda untuk beralih melalui array dan menambahkan elemen ke daftar Anda.

$(document).live('pageinit',function (event) {
    $.ajax({
        url: 'index.php',
        data:"",
        dataType: 'json',
        success: function(data)        
          {
            for (var i = 0; i < data.length; i++) {
              $('#list').append("<li><b>id: </b>"+ data[i].id +"<b> name: </b>"+ data[i].name + "</li>"); 
            }
         }
    });
}); 

Anda mungkin perlu menyegarkan tampilan daftar dengan $('#mylist').listview('refresh'); untuk memberikan format seluler jquery yang tepat