-1

チャットルームを作成する Web アプリを作成しています。ルームの作成ボタンをクリックすると、コンソールに出力として次のように表示されます。

{
    "statusCode": 200,
    "statusText": "QUEUE_OK",
    "data": {
        "roomStatus": "discussion",
        "queue": [
            {
                "id": "11",
                "user": "1",
                "room": "11",
                "inserted": "2013-01-19 23:58:16",
                "status": "1",
                "data": null,
                "first_name": "Danny",
                "last_name": "Sock"
            }
        ]
    }
}

各キュー エントリを姓名のみを表示する HTML リストに変換するにはどうすればよいでしょうか? jquery を使ったことがないので、迷ってしまいました... ありがとうございます。

4

1 に答える 1

1

次のような HTML 要素がある場合:

<ul id="list"></ul>

あなたは次のようなことをするかもしれません:

var ul = $("#list");
$.each(json.data.queue, function (idx, elem) {
    ul.append("<li>" + elem.first_name + " " + elem.last_name + "</li>")
})

json質問で示された構造はどこにありますか。次のようなものです。

var json = {
    "statusCode": 200,
    "statusText": "QUEUE_OK",
    "data"      : {
        "roomStatus": "discussion",
        "queue"     : [
            {
                "id"        : "11",
                "user"      : "1",
                "room"      : "11",
                "inserted"  : "2013-01-19 23:58:16",
                "status"    : "1",
                "data"      : null,
                "first_name": "Danny",
                "last_name" : "Sock"
            },
            {
                "id"        : "12",
                "user"      : "1",
                "room"      : "11",
                "inserted"  : "2013-01-19 23:58:16",
                "status"    : "1",
                "data"      : null,
                "first_name": "John",
                "last_name" : "Smith"
            }
        ]
    }
};
于 2013-01-20T02:13:18.780 に答える