Question

循环getJSON结果以显示<li>中的json对象 - 只返回最后一个元素 - json对象有完整的结果吗？循环数据[i]应该给我所有？

<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, user-scalable=no">
    <link href="http://jqmdesigner.appspot.com/gk/lib/jquery.mobile/1.4.2/flatui/jquery.mobile.flatui.css" rel="stylesheet" type="text/css" />
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>
    <title>get the html from a website</title>
    <script>
        $( document ).ready(function() {
        $.getJSON("tt_json.php", function(data){
            for (var i = 0; i < data.length; i++) {
                $.each(data[i], function(key, val) {
                    //alert(key + ":" + val); 
                    $('#myUL').html("<li>" + key + " : " + val + "</li>");  
                });
            } 
        });

    </script>
</head>    
<body>          
<!-- Page: home  -->
    <div id="home" data-role="page">
        <div data-role="header" data-position="fixed" data-theme="b">
        <h3>GET WEB DATA</h3>
        </div>
        <div role="main1" id="mainone" class="ui-content"> 
            <ul data-role='listview' id='myUL' data-inset='true' class='ui-listview ui-listview-inset ui-corner-all ui-shadow'>
            </ul>
        </div>
        <div role="main" id="mainzero" class="ui-content"> 
        </div>
    </div>           
</body>

Answer 1

您似乎在javascript函数的循环中设置了带有myUL标识的html标记。这会每次覆盖该标签的内部html。尝试添加li元素而不是覆盖。

解析json对象只返回最后一个元素

1 个答案: