Лабораторная работа: XMLHttpRequest (AJAX)

onFocus="this. value=''; document. getElementById('resultdiv'). style. display='none'; "

/>

<input type="button"

value="Поиск"

onClick="doLoad('ajaxsearch. php? search='+document. getElementById('search'). value);"

/><br /><br />

Дополнительная информация о выполнении запроса: <br /><br />

<table>

<tr>

<td>Состояние запроса: </td>

<td><input type="text" id="state" disabled="true" /></td>

</tr>

<tr>

<td>Код статуса: </td>

<td>

<input type="text" id="statuscode" disabled="true" />

<input type="text" id="statustext" disabled="true" />

</td>

</tr>

</table>

Обратите внимание на фрагмент, выделенный зеленным цветом - событие onClick кнопки "Поиск". Мы вызываем функцию doLoad(. .), в качестве параметра которой передаем адрес backend-скрипта, выполняющего поиск в базе зарегистрированного пользователя. О backend-скрипе чуть позже, имя его мы определили как ajaxsearch. php. Также GET-параметром скрипту мы передаем переменную search, со значением, взятым из поля ввода для ника.

И, как было сказано выше, объявим дополнительные HTML-элементы (в нашем случае - это невидимые слои) для отображения полученного содержимого и окна загрузки с возможностью отмены:

<div id="resultdiv" style="display: none; ">

Резульаты поиска:

<span id="responseHTML"></span>

</div>

<div id="loading"

style="

position: absolute;