1

ネストされた配列から値を選択する必要があります。これが私のコードです。

<!DOCTYPE html>
<html>
<head>
<script src="jquery.js">
</script>
<script>
$(document).ready(function(){
    $.getJSON('userdetails.json', function(data) {
        $.each(data, function(i,obj){
            $("#placeholder").append('<p>'+obj.firstName+","+obj.lastName+'</p>');
        });
    });
});
</script>
</head>
<body>
<div id="placeholder">
<p>line1</p>
<p>line2</p>
</div>
</body>
</html>

ここに私のuserdetails.jsonがあります

{"users":[
    {
        "firstName":"user1",
        "lastName":"lastname1",
        "joined": {
            "month":"January",
            "day":12,
            "year":2012
        }
    },
    {
        "firstName":"user2",
        "lastName":"lastname2",
        "joined": {
            "month":"April",
            "day":28,
            "year":2010
        }
    }
]}

出力：

line1
line2
undefined,undefined

これは私が得た出力ですが、名と姓を表示する必要があります。

4

1 に答える 1

1

各関数data.usersの代わりに渡す必要があります。データは、おそらく反復したい名前をdata持つオブジェクトです。arrayusers

ライブデモ

$.each(data.users, function (i, obj) {
    $("#placeholder").append('<p>' + obj.firstName + "," + obj.lastName + '</p>');
});
于 2013-03-06T11:12:11.213 に答える