php – jQuery AJAX无法使用JSON响应

我有一个来自我的PHP文件的JSON响应,如：

[
  {"id":"1"},
  {"archiveitem":"<small>26.06.2015 12:25<\/small><br \/><span class=\"label label-default\">Bug<\/span> has been submitted by Admin"}
]

并且在单击按钮后尝试将此响应提取到div中,但是firebug告诉我来自错误处理程序的消息.我无法弄清楚这个问题？

$('#loadarchive').click(function(){
    $.ajax({
        type: 'post',
        url: '/src/PHP/LoadAdminDashboardArchive.PHP',
        dataType: 'json',
        data: {
            action : 'getArchive'
        },
        success: function(results) {
            var archiveelements = JSON.parse(results);
            console.log(results);
            $.each(archiveelements, function(){
                $('#archivecontent').html('<div class="mark-read-container"><span class="btn-mark-unread" id="' + this.id + '">Unarchive</span></div><div class="bs-callout bs-callout-default">' + this.archiveitem + '</div>');
            });
        },
        error: function(){
            console.log('Cannot retrieve data.');
        }
    });
});

解决方法:

我试着运行你的代码而且我得到了

SyntaxError: JSON.parse: unexpected character at line 1 column 2 of the JSON data

通过定义dataType：’json’,您的结果已经被解析为数组.所以你可以这样做：

success: function (results) {
    if (results["head"]["foo"] != 0) {
        // do something
    } else if (results["head"]["bar"] == 1) {
        // do something
    }
}

这适用于我的电脑：

$.ajax({
    type: 'post',
    url: '/src/PHP/LoadAdminDashboardArchive.PHP',
    dataType: 'json',
    data: { action : 'getArchive' },
    success: function(results) {
        console.log(results);
        $.each(results, function(){
            $('#archivecontent').html('<div class="mark-read-container"><span class="btn-mark-unread" id="' + this.id + '">Unarchive</span></div><div class="bs-callout bs-callout-default">' + this.archiveitem + '</div>');
        });
    },
    error: function(){
        console.log('Cannot retrieve data.');
    }
});