Запуск функции, которая должна найти элемент, который загружается на страницу через AJAX

Question

У меня есть страница, где люди могут редактировать элементы на моем сайте.

Когда они нажимают на элемент, форма для редактирования загружается в div на странице через AJAX с уже заполненными полями формы.в зависимости от того, какой элемент они выбрали для редактирования.

Как часть формы редактирования, у меня есть редактор 'wysiwyg', и мне нужно включить его с помощью функции, но только когда контент загружен или я получаюошибка, что он не может найти элемент.

var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function(){
    if(this.readyState == 4 && this.status == 200){
        $("#myDiv").html(this.responseText);
        // myFunction();
    }
};
xmlhttp.open("POST", "myPage.php", true);
xmlhttp.send();

Как я могу запустить функцию, когда содержимое полностью загружено?Любая помощь или помощь с этим будет принята с благодарностью.

Answer 1

Как запустить функцию после полной загрузки содержимого в ?

Метод .html() является синхронным, поэтому он не имеетобратный вызов, любой код, выполняемый после того, как он обязательно произойдет после загрузки HTML.Но вы можете использовать .promise().done() для ожидания.

Поскольку вы используете jQuery, ваш код может быть упрощен до:

$.post('myPage.php', function(response){
    $("#myDiv").html(response).promise().done(function(){
        //myFunction();
    });
});