Changer le contenu de div dans Jquery Mobile

Tout d'abord, vous voudrez vous assurer que votre php renvoie un JSON correctement formaté, qui dans ce cas serait un tableau d'objets {id:1,name:"Name"}. Vous pouvez jeter un oeil à ce page par exemple. Vous obtiendrez quelque chose comme

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

Côté client, si vous souhaitez bénéficier des jquery mobile listviews , vous devriez probablement changer <div data-role="content" id="list"> à <ul data-role="listview" id="list"> .

Ensuite, vous devriez penser à déplacer votre code js vers l'en-tête et à le lier à un pageinit événement.

Vous devrez également modifier votre fonction de réussite pour parcourir le tableau et ajouter les éléments à votre liste.

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

Vous devrez peut-être alors actualiser la liste avec $('#mylist').listview('refresh'); pour lui donner le bon formatage jquery mobile