get Json функция по какой-то причине не работает

Question

У меня проблема с функцией get Json, когда я хочу выполнить ее из прослушивателя кликов - все выполняется в прослушивателе, кроме функции get Json, поэтому для некоторых не выполняется ничего, что функция get Json причина. Кто-нибудь поможет мне с этим? Я использую фреймворк Codeigniter PHP, который для меня новый, если это имеет значение.

$("#arrowRight").click(function () {
    alert("pre"); // this works
    $.getJSON("https://swapi.dev/api/people/?page=1", function (data) {
        alert("post");
        $.each(data["results"], function (i, val) {
            if (!charactersLoaded.includes(val["name"])) {
                charactersLoaded.push(val["name"]);
            }
        });
        totalPagesLoaded++;
        if (data["next"] != null) {
            totalPagesToLoad++;
        }
    });
})

Answer 1

Этот код работает нормально:

const charactersLoaded = [];
let totalPagesLoaded = 0;
let totalPagesToLoad = 0;

$("#arrowRight").click(function () {
    $.getJSON("https://swapi.dev/api/people/?page=1", function (data) {
        $.each(data["results"], function (i, val) {
            if (!charactersLoaded.includes(val["name"])) {
                charactersLoaded.push(val["name"]);
            }
        });

        totalPagesLoaded++;

        if (data["next"] !== null) {
            totalPagesToLoad++;
        }
      
      $('#results').html(charactersLoaded.join(', '));
    });
})

Вот codepen , чтобы быстро его проверить;)