AJAX - Пример
Чтобы понять, как работает AJAX, мы создадим небольшое приложение AJAX:
Объяснение примера работы AJAX
Приложение AJAX выше содержит один блок div и одну кнопку.
Блок div будет использоваться для вывода информации, возвращенной с сервера. Эта кнопка вызывает функцию с именем loadXMLDoc() при ее нажатии:
<html>
<body>
<div id="myDiv"><h2>Пусть AJAX изменит это предложение</h2></div>
<button type="button" onclick="loadXMLDoc()">Изменить Текст</button>
</body>
</html> |
Затем добавим тег <script> в head-секцию страницы. В блоке скриптов прописываем функцию loadXMLDoc():
<head>
<script type="text/javascript">
function loadXMLDoc()
{
.... здесь идет скрипт AJAX ...
}
</script>
</head> |
В следующих уроках будет рассказано о принципе работы AJAX.
|