Ändern des Inhalts von div in Jquery Mobile

Zunächst sollten Sie sicherstellen, dass Ihre PHP-Datei ein richtig formatiertes JSON zurückgibt, das in diesem Fall ein Array von {id:1,name:"Name"}-Objekten wäre. Sie können sich dies ansehen Seite zum Beispiel. Sie würden so etwas wie

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

Auf der Client-Seite, wenn Sie von jquery mobile listviews , sollten Sie wahrscheinlich <div data-role="content" id="list"> ändern zu <ul data-role="listview" id="list"> .

Dann sollten Sie darüber nachdenken, Ihren js-Code in den Header zu verschieben und ihn an ein pageinit zu binden Veranstaltung.

Sie müssen auch Ihre Erfolgsfunktion ändern, um das Array zu durchlaufen und die Elemente zu Ihrer Liste hinzuzufügen.

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

Möglicherweise müssen Sie dann die Listenansicht mit $('#mylist').listview('refresh'); aktualisieren um ihm die richtige jquery mobile Formatierung zu geben