Question

我正在尝试在jquery mobile中为我的phonegap应用程序创建一个listview，该应用程序将填充我数据库中表格中“mares”列的值。

目前我正在使用以下代码：

HTML文件中的脚本

<script type="text/javascript">
  function makeList() {
    $.post("urlOfFileOnServer.php",
        function(resultfromphp) {
            $('#ulListview').append(resultfromphp);
            $('#ulListview').trigger('create');    
            $('#ulListview').listview('refresh');
    });
}

$("#pageName").live('pagebeforeshow', function(event) {
    makeList();

});
</script>

HTML正文中的标记

<ul id="ulListview"></ul>

存储在服务器上的PHP文件

<?php

    include_once('db.php');
$sth = mysql_query("SELECT * FROM dates");
$rows = array();
while($r = mysql_fetch_assoc($sth)) {
    $rows[] = $r;
}
print json_encode($rows);
?>

目前没有列出任何清单非常感谢任何帮助实现这一目标的工作，谢谢

Answer 1

根据您的代码，您希望将JSON用于您的数据格式。如果是这样，首先你需要的是在返回内容之前为你的响应添加标题

header('Content-Type: application/json');

尝试调试是否以正确的方式返回JSON内容。

Answer 2

尝试更改功能makeList：

JS

 function makeList() {
   $.post("urlOfFileOnServer.php",
    function(resultfromphp) {
      var items = [];

      $.each(resultfromphp, function(item,i) {
       items.push('<li>' + item.mares + '</li>'); 
      });
      var list = items.join(' ');

      $('#ulListview').append(list);
   },'json');
 }

HTML 的

<ul id="ulListview" data-role="listview" data-inset="true"></ul>

Jquery Mobile listview填充了mySQL数据库中的数据

2 个答案: