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 回答