Как использовать jQuery .each () - я получаю значение, но оно неправильное

Question

Я возвращаю объект JSON (в виде строки) через сервлет. Объект JSON выглядит следующим образом:

{"3": "Мартин Лютер", "30": "Борис Беккер", "32": "Джозеф Гебельс", "19": "Леонардо да Винчи", "31": "Адольф Гитлер"}

Мой jQuery выглядит следующим образом (представление данных верно, потому что я получаю правильно выглядящий результат из сервлета):

$.ajax( {
            type : "GET",
            url : "MyServlet",
            data : queryString + "count=" + variables,
            success : function(resultObj) {
              $.each(resultObj, function(key, value) {
                    $("#resultCount").html(key+", "+value); 
                 });
            }
        });

Однако, когда я пытаюсь распечатать результаты, то есть переменные key и value , я получаю число для ключа, но не число из JSONObject и пустую строку вместо значения.

По сути, вопрос заключается в том, как "извлечь" информацию из объекта JSON.

Answer 1

Ваш JSON не является массивом. Это должно выглядеть так:

[{ "3":"Martin Luther" },
 { "30":"Boris Becker" }]

или даже лучше:

[{ id: "3", name: "Martin Luther" },
 { id: "30", name: "Boris Becker" }]

Тогда вы можете цикл:

$.each(data, function(index, item) {
    alert(item.id + ' ' + item.name);
});

Answer 2

Попробуйте указать dataType как json в своем вызове AJAX:

$.ajax( {
        type : "GET",
        url : "MyServlet",
        data : queryString + "count=" + variables,
        dataType : 'json',
        success : function(resultObj) {
          $.each(resultObj, function(key, value) {
                $("#resultCount").html(key+", "+value); 
             });
        }
    });

Answer 3

Пара вещей:

1. Вы должны использовать тип данных JSON. Попробуйте простой метод $.getJSON.
2. Ваша итерация правильная, но вы будете перезаписывать предыдущие результаты на каждой итерации (т. Е. Это будет просто запись Гитлера)