Загрузка списка при отображении страницы

Я пытался сделать это несколько часов и решил попросить помощи...

В моем файле views.py у меня есть список

list = ['ananas', 'bananas', 'apples']

def listView(request):
    return JsonResponse({'list' : [{'name': l} for l in list]})

В моем .html файле есть функция, которая должна получить и распечатать список по мере загрузки страницы

<script inline="javascript">
    
    function loadList() {

        // How do I fetch and print the list?
        
            }
        </script>

и я вызываю функцию loadList следующим образом при загрузке страницы

            window.onload = function () {
                loadList();
            };

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

function loadList() {

          var list = document.querySelector("#list").value;
          var http = new XMLHttpRequest();
          http.open("GET", 'list', true);
}

Вернуться на верх