AJAX является мечтой разработчиков, потому что вы можете:
- Обновление веб-страницы без перезагрузки страницы
- Запрос данных с сервера - после загрузки страницы
- Получение данных с сервера - после загрузки страницы
- Отправка данных на сервер - в фоновом режиме
Попробуйте сами примеры в каждой главе
В каждой главе, вы можете редактировать примеры в Интернете, и нажмите на кнопку, чтобы увидеть результат.
AJAX Пример Разъяснения
HTML страницы
<!DOCTYPE html>
<html>
<body>
<div id="demo">
<h2>Let AJAX change this text</h2>
<button type="button" onclick="loadDoc()">Change Content</button>
</div>
</body>
</html>
HTML страница содержит <div> раздел и <button> .
<div> секция используется для отображения информации с сервера.
<button> вызывает функцию (если она нажата).
Функция запрашивает данные с веб-сервера и отображает его:
Функция loadDoc()
function loadDoc() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("demo").innerHTML = this.responseText;
}
};
xhttp.open("GET", "ajax_info.txt", true);
xhttp.send();
}
То, что вы уже должны знать
Прежде чем продолжить, вы должны иметь общее представление о следующем:
- HTML
- JavaScript
Если вы хотите изучать эти предметы во- первых, найти учебники на нашей домашней странице .
Что такое AJAX ?
AJAX = Asynchronous JavaScript и XML.
AJAX является недостоверным имя. AJAX приложения могут использовать XML для передачи данных, но в равной степени общие для передачи данных в виде простого текста или текста JSON.
AJAX является метод для создания быстрых и динамических веб-страниц.
AJAX позволяет веб-страниц, которые будут обновляться асинхронно путем обмена небольшими объемами данных с сервером за кулисами. Это означает, что можно обновлять части веб-страницы, без перезагрузки всей страницы.
Классические веб-страниц, (которые не используют AJAX), следует перезагрузить всю страницу, если содержание должно измениться.
Примеры приложений, использующих AJAX: Google Maps, Gmail, YouTube и Facebook.
How AJAX Works
AJAX основана на стандартах Интернета
AJAX основана на стандартах Интернета, и использует комбинацию:
- XMLHttpRequest объект (для извлечения данных из веб - сервера)
- JavaScript/DOM (для отображения / использовать данные)
XMLHttpRequest является недостоверным имя. Вам не нужно понимать XML для использования AJAX.
Google Предложить
AJAX стала популярной в 2005 году Google, с Google Suggest.
Google Предлагайте использует AJAX , чтобы создать очень динамический веб - интерфейс: Когда вы начинаете набирать в строке поиска Google, JavaScript посылает письма от к серверу и сервер возвращает список предложений.
Начало работы с AJAX Сегодня
AJAX основана на существующих стандартах. Эти стандарты были использованы разработчиками в течение нескольких лет. Прочитайте наши следующие главы, чтобы увидеть, как это работает!