jQuery UI选项卡：JSON不显示

我正在使用带有ajax的 jquery ui标签.

Ajax将面临像这样的JSON内容.

[
  {
    "title"   :"a note",
    "type"    :"text",
    "content" :"MY FIRST NOTE!"
  },
  {
    "title"   :"two note",
    "type"    :"text",
    "content" :"MY FIRST NOTE <b>if html works<\/b> i should pay attention to this!"
  }
]

我正在使用此代码：

$(function() {
    $("#tabs").tabs({
        cache : false,
        ajaxOptions : {
            cache : false,
            dataType : 'json',
            dataFilter : function(result) {
                var data = $.parseJSON(result);
                return data;
            },
            error : function(xhr, status, index, anchor) {
                $(" anchor.hash ").html("Couldn't load this tab. We'll try to fix this as soon as possible. " + "If this wouldn't be a demo.");
            }
        }
    });
});

(我见过这个问题Loading JSON-encoded AJAX content into jQuery UI tabs)

JSON文件(由php生成)已正确加载,我已使用JSONLint验证它,但选项卡保持白色且内容未加载,你能帮助我吗？

这是我第一次使用JSON和Ajax,如果我做了一些愚蠢的错误,请原谅我

编辑：json内容与内容类型= application / json一起发送,删除它显示json的内容类型,但我想用jquery解析json文件是可能的吗？

我认为你不应该调用$.parseJSON(result);因为你指定了dataType：’json'(看看我对这个问题 Why is ‘jQuery.parseJSON’ not necessary?的回答),所以jQuery会为你解析响应.看看另一个例子,你也应该回来

dataFilter : function(result) {
            var data = $.parseJSON(result);
            return data.content;
        },

编辑 – 让dataType：’json’这应该没问题

dataFilter : function(result) {
            return result.content;
        },