Ajax Request проблема, возвращает неопределенный 2 из 3 раз

Question

Это может быть глупый вопрос, но я работаю над проектом домашней работы. Большинство из них уже работает, но когда я пытаюсь написать html с jquery внутри ajax-запроса, два из трех возвращают undefined.

    $.ajax({
            url: "myurl",
            type: "Get",
            beforeSend: function (xhr) {
                xhr.setRequestHeader("Authorization", "Basic " + btoa(user + ":" + userpass));
            },
            dataType: "json",
        }).
            done(function (data) {
                $('#uebersicht').children(".item").remove();
                for (var i = 0; i < data.length; i++) {
                    $('#uebersicht').append("<p class='item' onclick='deleteitem(" + data[i].id + ")'>" +
                        data[i].datum + ", " + data[i].Stunden + " Stunden - " + data[i].Anmerkungen + "</p>");
                }
            });

Я пытался искать, но мне не очень повезло. Возможно, мои поиски только что закончились, но если бы кто-то мог указать мне правильное направление, я был бы очень рад.

Любая помощь приветствуется. Заранее спасибо.

Answer 1

Вам нужно будет проанализировать строковые данные в json после их получения.

.done(function (data) {
   var data = JSON.parse(data); // Parse it here

   $('#uebersicht').children(".item").remove();
       for (var i = 0; i < data.length; i++) {
         $('#uebersicht').append("<p class='item' onclick='deleteitem(" + data[i].id + ")'>" +
                            data[i].datum + ", " + data[i].Stunden + " Stunden - " + data[i].Anmerkungen + "</p>");
       }
    });
});


// Or you could use the `$.each()` function to loop through the data:

.done(function (data) {
    $('#uebersicht').children(".item").remove();
    $.each(data, function(item, element){
       $('#uebersicht').append("<p class='item' onclick='deleteitem(" + element.id + ")'>" +
                            element.datum + ", " + element.Stunden + " Stunden - " + element.Anmerkungen + "</p>");

    })     
});