</body>
</html>
Это код JavaScript, который находится в файле 'clienthint.js':
var xmlHttp
function showHint(str)
{
if (str.length==0)
{
document.getElementById('txtHint').innerHTML=''
return
}
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
{
alert ('Браузер не поддерживает запросы HTTP')
return
}
var url='gethint.asp'
url=url+'?q='+str
url=url+'&sid='+Math.random()
xmlHttp.onreadystatechange=stateChanged
xmlHttp.open('GET',url,true)
xmlHttp.send(null)
}
function stateChanged()
{
if (xmlHttp.readyState==4 || xmlHttp.readyState=='complete')
{
document.getElementById('txtHint').innerHTML=xmlHttp.responseText
}
}
function GetXmlHttpObject()
{
var objXMLHttp=null
if (window.XMLHttpRequest)
{
objXMLHttp=new XMLHttpRequest()
}
else if (window.ActiveXObject)
{
objXMLHttp=new ActiveXObject('Microsoft.XMLHTTP')
}
return objXMLHttp
}
Далее речь пойдет о серверной странице AJAX.
Сервера AJAX не существует.
Страницы AJAX может обрабатывать любой сервер Интернет.
Серверная страница, вызываемая сценарием JavaScript в рассматриваемом примере, является простым файлом ASP с именем 'gethint.asp'.
Ниже представлены два примера кода серверной страницы, один, написанный на ASP, а другой – на PHP.
Код на странице 'gethint.asp' написан на VBScript для Информационного сервера Интернет (IIS). Он просто проверяет массив имен и возвращает клиенту подходящие имена:
<%
dim a(30)
'Заполнение массива именами
a(1)='Anna'
a(2)='Brittany'
a(3)='Cinderella'
a(4)='Diana'
a(5)='Eva'
a(6)='Fiona'
a(7)='Gunda'
a(8)='Hege'
a(9)='Inga'
a(10)='Johanna'
a(11)='Kitty'
a(12)='Linda'
a(13)='Nina'
a(14)='Ophelia'
a(15)='Petunia'
a(16)='Amanda'
a(17)='Raquel'
a(18)='Cindy'
a(19)='Doris'
a(20)='Eve'
a(21)='Evita'
a(22)='Sunniva'
a(23)='Tove'
a(24)='Unni'
a(25)='Violet'
a(26)='Liza'
a(27)='Elizabeth'
a(28)='Ellen'
a(29)='Wenche'
a(30)='Vicky'
'извлечение параметра q из URL
q=ucase(request.querystring('q'))
'поиск всех рекомендаций из массива, если длина q>0
if len(q)>0 then
hint=''
for i=1 to 30
