使用javascript和json从数据库显示html5中的listview数据

Question

使用Java脚本和json从数据库中以html5显示listview数据。 单击列表视图为显示详细信息。 我可以显示列表视图，但不能显示细节。 更改页面。 Listview 1页，Detail 1页。

这是代码运行成功。 但无法显示细节。

  $(function() { var people = []; var json = "your url"; $.getJSON(json, function(json1) { $.each(json1, function(key, data) { $('#myUL').append('<li data-id="' + data.VendorCode + '"><a href="#"><img src="http://Order%20Custumer/images/'+data.VendorCode+'.png"/><h3 style="color:#FFCC00">' + data.LocalDesc + '</h3><p style="color:#FF9">' + data.EngDesc + '</p></a></li>'); }); $('#myUL').listview('refresh'); }); });

 <!DOCTYPE HTML> <!-- Intensify by TEMPLATED templated.co @templatedco Released for free under the Creative Commons Attribution 3.0 license (templated.co/license) --> <html> <head> <title>Salad Lovers</title> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> </head> <body> <ul id="myUL" data-role="listview" data-inset="true"> </ul> </body> </html>

Answer 1

在标记之前的HTML文件中包含Jquery库，然后尝试运行它。

<script
src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

您的HTML文件似乎是：

<!DOCTYPE HTML>
<!--
    Intensify by TEMPLATED
    templated.co @templatedco
    Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
-->
<html>
    <head>
        <title>Salad Lovers</title>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
</head>



<body>
<ul id="myUL" data-role="listview" data-inset="true">
</ul>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</body>
</html>

使用javascript和json从数据库显示html5中的listview数据

问题描述

1 个解决方案

解决方案1
0 2016-12-15 10:38:56

使用javascript和json从数据库显示html5中的listview数据

问题描述

1 个解决方案

解决方案1 0 2016-12-15 10:38:56

解决方案1
0 2016-12-15 10:38:56