0

私はjson APIキーを持っています.jsonデータを変換して、HTMLまたはphpの順序付けられていないリストに表示しようとしています.

これは私が持っている API キーです: http://kippamp.uservoice.com/api/v1/forums/1/suggestions.json?client=qikbghkQYRolFTMvEXg

以下のコードを使用して、生の json データを解析できます。

<script>
$.ajax({
    type: 'GET',
    url: 'http://kippamp.uservoice.com/api/v1/forums/1/suggestions.json?client=qikbghkQYRolFTMvEXg',
    async: false,
    jsonpCallback: 'jsonCallback',
    contentType: "application/json",
    dataType: 'jsonp',
    success: function(data)
    {
        $('#jsonp-results').html(JSON.stringify(data));
        console.log(json);
    },
    error: function(e)
    {
       alert(e.message);
    }
});
</script>

しかし、データを解析してフォーマットされた方法でリストすることはできません。

ここの誰かが私を助けてくれませんか。

よろしく。

4

2 に答える 2

4

ループで結果をレンダリングするだけです。たとえば、それらをulコンテナーに追加します。

success: function (data) {
    var $ul = $('#results');
    $.each(data.suggestions, function(i, el) {
       $ul.append('<li>' + el.formatted_text + '</li>');
    });
},

http://jsfiddle.net/zvBE3/

表示する必要があるデータと、使用するテンプレートを決定するだけです。

var row =
    '<li>' + 
        '<h2>' + el.title + '</h2>' +
        '<div>' + el.formatted_text + '</div>'+
    '</li>';
$ul.append(row);

http://jsfiddle.net/zvBE3/3/

于 2013-03-20T11:57:51.793 に答える
1

Ajax リクエストはオブジェクトを返します。ループしdata.suggestionsてリストを作成する必要があります。何かのようなもの：

$.each(data.suggestions, function(id, suggestion) {
    $('ul.mylist').append($('<li>'+suggestion.title+'</li>'));
});
于 2013-03-20T11:58:13.457 に答える