从 json 数据 jquery 中获取值

Question

这太容易了，我在 2 天前就开始工作了，但现在我不知道如何获得一些值。我认为我的主要问题是我不知道在循环数组时何时使用 []。

希望有人能指出我的问题；

jquery 后置脚本；

var mydata = JSON.stringify(desktopicons);

            $.post(themeUrl + '/modules/module-save-desktop.php', { 
                data: desktopicons
            }).error(function() {
                $('#desktop').append('<div id="jsoninfo">Failed to save desktop.</div>');
            }).complete( function() {
                $('#desktop').append('<div id="jsoninfo">Desktop for ' + username + ' saved succesfully.</div>');
            });

json 文件；

[{\"myicons\":[{\"icon\":[{\"rel\":\"#\",\"id\":\"icon1\",\"class\":\"bookmark desktop-icon ui-draggable\",\"title\":\"bookmark\"}]},{\"icon\":[{\"rel\":\"#1\",\"id\":\"icon2\",\"class\":\"bookmark desktop-icon ui-draggable\",\"title\":\"bookmark1\"}]}]}]

jQuery 获取 json;

$.ajax({
            type: 'GET',
            url: userDesktopJson,
            async: false,
            dataType: 'json',
            success: function(data){
                var jsondata = $.parseJSON(data);
                $('#desktop').append('<div id="jsoninfo">Data loaded.</div>');
                var myicons = jsondata['myicons'];
                $.each(myicons, function() {
                    alert('found!');
                });


            },  
            error: function() {
                $('#desktop').append('<div id="jsoninfo">Failed to load desktop.</div>');
            }   
        });

它正在加载文件，但我似乎无法从中获取值。

编辑

好的，现在我无法从每个函数内的图标中获取 ID 或标题或其他任何内容，我不明白

$.each(myicons, function() {
                var iconid = this.id;
                var rel = this.rel;
                var title = this.title;
                var iconclass = this.class;

                $('<div />', {
                    'id': iconid,
                }).addClass(iconclass).attr('rel', rel).appendTo('#desktop'); 
                $('<div />', {
                    class: 'icon-title desktop-icon-title'
                }).text(title).appendTo(iconid);
            });

Answer 1

删除 var jsondata = $.parseJSON(data); ，因为您已经设置了 dataType:'json'。 然后把var myicons = jsondata['myicons'];改成var myicons = data[0].myicons[0];

$.ajax({
    type: 'GET',
    url: userDesktopJson,
    async: false,
    dataType: 'json',
    success: function(data) {
        $('#desktop').append('<div id="jsoninfo">Data loaded.</div>');
        var myicons = data[0].myicons[0];
        $.each(myicons, function() {
            alert('found!');
        });
    },
    error: function() {
        $('#desktop').append('<div id="jsoninfo">Failed to load desktop.</div>');
    }
});

同时从 json 数据中删除 \

 [{"myicons":[{"icon":[{"rel":"#","id":"icon1","class":"bookmark desktop-icon ui-draggable","title":"bookmark"}]},{"icon":[{"rel":"#","id":"icon2","class":"bo‌​okmark desktop-icon ui-draggable","title":"bookmark"}]}]}]

如果您想从中获取每个 id，请尝试，

$.ajax({
    type: 'GET',
    url: userDesktopJson,
    async: false,
    dataType: 'json',
    success: function(data) {
        $('#desktop').append('<div id="jsoninfo">Data loaded.</div>');
        var myicons = data[0].myicons;
        $.each(myicons, function() {
            console.log(this.icon[0].id);
    });
    },
    error: function() {
        $('#desktop').append('<div id="jsoninfo">Failed to load desktop.</div>');
    }
});

Answer 2

你得到一个数组，所以你应该把它改成这样：

var myicons = jsondata[0]['myicons'];