PHP Учебник

PHP Старт Введение в PHP Установка PHP Синтаксис PHP Комментарии в PHP Переменные PHP PHP Echo / Print Типы данных PHP Строки PHP Числа PHP Математика в PHP Константы PHP Операторы PHP PHP If...Else...Elseif PHP Switch Циклы в PHP Функции PHP Массивы PHP PHP Суперглобальные PHP RegEx

PHP Формы

Обработка форм PHP Валидация форм PHP Обязательные поля Валидация URL/E-mail Полная форма PHP

PHP Продвинутый

PHP Дата и время PHP Include/Require PHP Работа с файлами Открытие/Чтение файлов Создание/Запись файлов PHP Загрузка файлов Файлы cookie PHP Сессии PHP Фильтры PHP Расширенные фильтры PHP Функция Callback PHP JSON PHP Исключения

PHP OOP

Что такое ООП в PHP Классы/Объекты PHP Цепочки методов PHP Конструктор PHP Деструктор PHP Модификаторы доступа Наследование в PHP Константы класса PHP Подсказка типов PHP Подсказка интерфейсов Абстрактные классы PHP PHP Интерфейсы PHP Полиформизм PHP Трейты Статические методы PHP Статические свойства PHP Пространства имен PHP Итерируемые объекты

База данных MySQL

База данных MySQL Подключение к MySQL Создание БД MySQL Создание таблицы MySQL Вставка данных MySQL Получить ID MySQL Подготовленные операторы PHP MySQL Получение данных MySQL Предложение WHERE Предложение ORDER BY Обновление данных MySQL Удаление данных БД MySQL Limit Data

PHP XML

Парсеры PHP XML Парсер PHP SimpleXML Получить PHP SimpleXML PHP XML Expat PHP XML DOM

PHP - AJAX

AJAX Введение AJAX PHP AJAX База Данных AJAX XML AJAX Живой поиск AJAX Опрос

PHP Примеры

PHP Примеры Практика ООП PHP PHP квиз-тест Упражнения Базовый PHP Упражнения Алгоритмы Упражнения Массивы Упражнения Цикл for Упражнения Функции Регулярные выражения Упражнения Дата PHP Упражнения Строки PHP Математика PHP Упражнения Формы PHP Упражнения Классы PHP Упражнения JSON PHP PHP Задачник


Получение данных с сервера из файла XML с помощью Ajax




Поскольку XML широко используется в качестве формата данных, стоит научиться получать ответ с помощью XML и Ajax. Следующая живая демонстрация показывает вам конечный продукт, который мы создадим к концу этого урока.


В следующем примере показано, как веб-страница может получать информацию из файла XML с помощью AJAX. Вы можете из выпадающего списка выбрать один из компакт-дисков и увидите, что, без перезагрузки страницы, необходимая информация будет отображаться под самим списком:

Example

Select a CD:

Информация о CD будет выведена здесь...

Когда пользователь выбирает компакт-диск в выпадающем списке этого примера, то выполняется функция showCD(). Функция showCD() запускается событием "onchange":

<html>
<head>
<script>
function showCD(str) {
  if (str=="") {
    document.getElementById("txtHint").innerHTML="";
    return;
  }
  var xmlhttp=new XMLHttpRequest();
  xmlhttp.onreadystatechange=function() {
    if (this.readyState==4 && this.status==200) {
      document.getElementById("txtHint").innerHTML=this.responseText;
    }
  }
  xmlhttp.open("GET","getcd.php?q="+str,true);
  xmlhttp.send();
}
</script>
</head>
<body>

<form>
Выберите CD:
<select name="cds" onchange="showCD(this.value)">
  <option value="">Выберите CD:</option>
  <option value="Gary Moore">Gary Moore</option>
  <option value="Van Morrison">Van Morrison</option>
  <option value="Jorn Hoel">Jorn Hoel</option>
</select>
</form>
<div id="txtHint"><b>Информация о CD будет выведена здесь...</b></div>

</body>
</html>

Пояснение к коду:

Сначала проверим, выбран ли компакт-диск из списка. Если компакт-диск не выбран (str == ""), то очистим содержимое элемента txtHint и выйдем из функции. Если же компакт-диск выбран, то выполним следующие шаги:

  • Создадим объект var xmlhttp = new XMLHttpRequest();
  • Создадим функцию xmlhttp.onreadystatechange, которая будет выполняться, когда будет готов ответ сервера if (this.readyState == 4 && this.status == 200)
  • Отправим запрос в php-файл getcd.php на сервере
  • Обратите внимание, что к URL-адресу добавлен параметр (q) (с содержимым раскрывающегося списка)

Страница на сервере, вызываемая указанным выше сценарием JavaScript, представляет собой PHP-файл "getcd.php".

Сценарий PHP загружает XML-документ cd_catalog.xml, выполняет запрос к XML-файлу и возвращает результат в виде HTML:

<?php
$q=$_GET["q"];

$xmlDoc = new DOMDocument();
$xmlDoc->load("cd_catalog.xml");

$x=$xmlDoc->getElementsByTagName('ARTIST');

for ($i=0; $i<=$x->length-1; $i++) {
  //Обрабатывать только узлы элементов
  if ($x->item($i)->nodeType==1) {
    if ($x->item($i)->childNodes->item(0)->nodeValue == $q) {
      $y=($x->item($i)->parentNode);
    }
  }
}

$cd=($y->childNodes);

for ($i=0;$i<$cd->length;$i++) {
  //Обрабатывать только узлы элементов
  if ($cd->item($i)->nodeType==1) {
    echo("<b>" . $cd->item($i)->nodeName . ":</b> ");
    echo($cd->item($i)->childNodes->item(0)->nodeValue);
    echo("<br>");
  }
}
?>

Объяснение кода: Когда запрос CD отправляется из JavaScript в файл PHP, происходит следующее:

  1. PHP создает объект XML DOM
  2. Выполняется поиск всех элементов <artist>, которые соответствуют имени, отправленному из JavaScript
  3. Выводится информация об альбоме, заполняется данными и отправляется обратно в элемент-заполнитель "txtHint".




Профессия‌ ‌PHP-разработчик‌ Совет эксперта
Освойте PHP и MySQL с нуля в игровой форме
Профессия‌ ‌PHP-разработчик‌ Совет эксперта
На рынке не хватает веб-разработчиков
Профессия‌ ‌PHP-разработчик‌
На рынке не хватает веб-разработчиков
Профессия‌ ‌PHP-разработчик‌ Совет эксперта
Освойте популярный PHP-фреймворк
Профессия‌ ‌PHP-разработчик‌ Совет эксперта
На рынке не хватает fullstack-разработчиков!
PHP-разработчик с нуля до PRO
Обучение в рассрочку
Профессия‌ ‌PHP-разработчик‌ Совет эксперта
Учитесь сейчас, платите потом!
Профессия‌ ‌PHP-разработчик‌ Выберите специальность
Учитесь сейчас, платите потом!