Форум | Последние учебники веб-разработки
 

AJAX Руководство


AJAX является мечтой разработчиков, потому что вы можете:

  • Обновление веб-страницы без перезагрузки страницы
  • Запрос данных с сервера - после загрузки страницы
  • Получение данных с сервера - после загрузки страницы
  • Отправка данных на сервер - в фоновом режиме

Попробуйте сами примеры в каждой главе

В каждой главе, вы можете редактировать примеры в Интернете, и нажмите на кнопку, чтобы увидеть результат.

AJAX Пример

Let AJAX change this text

Попробуй сам "


AJAX Пример Разъяснения

HTML страницы

<!DOCTYPE html>
<html>
<body>

<div id="demo"><h2>Let AJAX change this text</h2></div>

<button type="button" onclick="loadDoc()">Change Content</button>

</body>
</html>

HTML страница содержит <div> раздел и <button> .

<div> секция используется для отображения информации с сервера.

<button> вызывает функцию (если она нажата).

Функция запрашивает данные с веб-сервера и отображает его:

Функция loadDoc ()

function loadDoc() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (xhttp.readyState == 4 && xhttp.status == 200) {
     document.getElementById("demo").innerHTML = xhttp.responseText;
    }
  };
  xhttp.open("GET", "ajax_info.txt", true);
  xhttp.send();
}

Начните изучать AJAX сейчас!