Jquery, Ajax: використання і функції

Синхронний і асинхронний запит

Третій параметр, який необхідний для відправки запиту – визначення того, буде він синхронним чи ні. Він називається async і має два значення: false – запит проводиться синхронно, і true – в цьому випадку він буде асинхронним. Якщо запит синхронний, сценарій чекає відповіді. Якщо відповідь займе секунду, то наступний рядок коду не обробиться. Синхронний запит буде виконуватися в окремому потоці, і скрипт продовжить виконання команд. У нашому випадку знадобиться перше значення, так як інакше перевірку відповіді доведеться робити через подія і присвоїти функцію, яка виконається, як тільки запит прийде.

Далі додаємо ще один рядок коду: xhr.send(). Тепер у відповідь на запит має прийти код. Це може бути код “200”, що означає, що сервер доступний, “404” – документ не знайдений, “300” – редирект і “500” – помилка з боку сервера. Для того щоб дізнатися, чи є помилка, потрібно порівняти код з “200”. Для цього додаємо код наступну рядок: if(xhr.status !=200) і виводимо значення в консоль. Якщо все добре, почне виконуватися гілка else, в яку додаємо висновок консоль зі значенням “ОК”. Таким чином, ми відправили запит на сервер за допомогою JS і дізналися, як працює Ajax з JS. Ми створили XMLHttpRequest, вказали метод, шлях, синхронність або асинхронність і отримали результат.