УРОКИ JAVASCRIPT HTML DOM DHTML AJAX ПРИМЕРЫ JAVASCRIPT

AJAX - Пример


« Назад Далее »

Чтобы понять, как работает 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.






« Назад Далее »
© 2011-2019 Уроки JavaScript