Отложенная загрузка темплейтов wordpress на js


Javascript аналог jQuery .load — загрузка файлов

Понадобилось мне найти аналог .load функции jQuery — подгрузка файлов wordpress после загрузки страницы.

Как известно — jQuery требует некоторого времени на компиляцию, поэтому решил обойтись без этой библиотеки.

По сути это памятка для самого себя. Если нужно — пользуйтесь. нарыл код в нете, проверено работает.

<script>
    var request = new XMLHttpRequest();

    request.open('GET', 'https://mysite/partials/01.php', true);

    request.onload = function() {
        if (request.status >= 200 && request.status < 400) {
            var resp = request.responseText;

            document.querySelector('#r_nav').innerHTML = resp;
        }
    };

    request.send();
</script>

Чуть доработал код - поставил еще и задержку 5 сек
<script>
var lrequest = new XMLHttpRequest();

lrequest.open('GET', 'https://santal-gelendzhik.ru/pages/licenses.php', true);

lrequest.onload = function() {
if (lrequest.status >= 200 && lrequest.status < 400) {
var resp = lrequest.responseText;

document.querySelector('#licenses').innerHTML = resp;
}
};
setTimeout(function() {
lrequest.send();
},5000);

</script>
Рубрика: Wordpress

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *