Попытка l oop с помощью данных, возвращаемых API, и добавление каждой задачи в неупорядоченный список.

Question

Как следует из названия. Я приложил клипы текущего кода и то, что функция выводит. Я новичок в javascript, поэтому любые подробные объяснения будут невероятно полезны! Спасибо!

Редактировать: очевидно, строки кода обрезаны. Получить запрос как 80, l oop начинается на 83 для справки.

Редактировать 2: Здесь есть код:

function add_task(){

    var the_serialized_data = $('#frm_todo').serialize();

    console.log(the_serialized_data);

    $.post('http://misdemo.hidden.edu/todo/addtask/', the_serialized_data, function(data){
        console.log(data);
        $('#confirmation').html("Task added okay.")
    });

}; //end add task

function get_tasks(){
//iterate through the tasks and add those for tuid to line 42
    var the_serialized_data = $('#frm_todo').serialize();
    console.log(the_serialized_data);


    $.get('http://misdemo.hidden.edu/todo/tasks/', the_serialized_data, function(data){
        console.log(data)

        for(var i = 0; i < data.length; i++){
            var obj = data[i]

            $('#tasklist').append(obj)
        };
    });

}; //end get tasks

Выход

Код

Answer 1

Предполагая, что #tasklist является <ul>, ваш l oop будет:

for(var i = 0; i < data.length; i++){
    var obj = data[i]
    $('#tasklist').append("<li>" + obj.task + "</li>")
}