JqueryMobileでdivのコンテンツを変更する

まず、phpが適切にフォーマットされたJSONを返すことを確認する必要があります。この場合は、{id：1、name："Name"}オブジェクトの配列になります。 thisをご覧くださいページ例えば。

のようなものが得られます

$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);

クライアント側で、 jquery mobilelistviews> 、おそらく<div data-role="content" id="list">を変更する必要があります <ul data-role="listview" id="list">へ。

次に、jsコードをヘッダーに移動し、それをpageinitにバインドすることを検討する必要があります。イベント。

また、成功関数を変更して、配列を反復処理し、要素をリストに追加する必要があります。

$(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>"); 
            }
         }
    });
});

次に、$('#mylist').listview('refresh');を使用してリストビューを更新する必要がある場合があります。適切なjqueryモバイルフォーマットを提供する