Cssworld.ru Разбираем простую AJAX функцию

Cssworld.ru Разбираем простую AJAX функцию

Выпуск:  6 | 2018-01-09 | Cssworld.ru Давайте разберем простейшую функцию, которая работает просто вот так: ajax("?param=123"); Итак, первый и единственный обязательный параметр нашей AJAX функции "url" – адрес страницы, куда будет отправлен запрос. Пожалуй, еще добавим в нашу функцию второй необязательный параметр "func". Он будет содержать название функции, которая будет обрабатывать результат. function ajax(url, func) { var req; // Переменная с глобальной видимостью req = new XMLHttpRequest(); // Создаем объект req.open("GET", url, true); // Открываем req.onreadystatechange = function() { // Назначаем функцию для обработки ответа if(req.readyState!=4) return; // Далее только если операция завершена if(req.status!=200) { // Если статус не OK alert("ajax error: "+req.statusText); // Сообщаем об ошибке return; // И выходим } if(typeof window[func]==="function") // Если функция существует еval(func+"(req.responseText);"); // То выполняем ее передав в нее результат else alert(req.responseText); // Иначе выводим ответ } req.send(""); // Выполняем запрос } Подробные примеры, а также более универсальная функция здесь. Оригинал статьи тут.      http://cssworld.ru/ | https://subscribe.ru/archive/comp.inet.cssworld/nav/prev//archive/comp.inet.cssworld/201801/09140515.html        Прошлые выпуски Cssworld.ru Календарь для сайта с возможностью выбора даты Cssworld.ru Простые всплывающие по нажатию подсказки на JavaScript Cssworld.ru Понимание flex или просто о непривычном Все выпуски рассылки

Если выпуск не отображается, вы можете прочесть его на сайте Это сообщение было отправлено на novostnoy.24@gmail.com потому, что вы подписались на рассылку comp.inet.cssworld на subscribe.ru. Чтобы гарантировать получение писем от нас — добавьте наш адрес в адресную книгу. Вы можете отказаться от получения писем. Архив рассылки Поддержка подписчиков