如何在这个 Jsfiddle 中使用 JQuery 访问我的 JSON 对象的属性？

Question

是的，我一直在模糊地尝试使用 this questions example 来用 jsfiddle 测试一些东西。我正在寻找构建一个 JQuery 可排序小部件，但首先我需要了解如何访问我正在创建的对象中的属性 - 在经历了很多混乱之后，现在画了一点空白！

Live Fiddle!

$('#ParentCategoryId').change(function() {
    var data =
{
"categories": {
    "category1": {
        "Name": "Maps",
        "Id": 3,
        "orderInList": 1
    },
    "category2": {
        "Name": "Books",
        "Id": 2,
        "orderInList": 2
    }
}
};

$.ajax({
    url: 'http://jsfiddle.net/echo/jsonp/',
    dataType: 'jsonp',
    data: data,
    success: function(data) {
        show_response(data);
    },
    type: 'GET'
});
});            

function show_response(data) {
    $.each(data, function()
    {        
        alert(/**How could I access say, category1's Name property in here?**/);
    };   

编辑 1

抱歉，没有获得完整的 Jsfiddle 链接，已保存并编辑。

编辑 2

使用 JsonLint 创建有效的 Json。现在我可以让警报执行，但我不确定如何访问其中的属性！

编辑 3

更新了最新版本的 Jsfiddle 链接。

Answer 1

你需要将JSON字符串解析成一个对象：

function show_response(data) {
    data = $.parseJSON(data);
    $.each(data, function(position, value)
    {        
       alert(value.name);
    };

编辑：您的小提琴有语法错误。没有创建 JSON，因为 jQuery 中没有 toJSON 方法。为了使用 each 迭代器读取您的类别，它们需要是一个数组，例如：

categories = [name: "Book", value: ...], [name: "Movie", value: ...]