Форумы портала PHP.SU

Приветствую всех!
Тут пытаюсь разобраться с Ajax, технология простая, но работать никак не получается заставить, может подскажите где ошибка?

index.html

CODE (html):
скопировать код в буфер обмена

<!DOCTYPE HTML>
<html>
<head>
        <meta http-equiv="content-type" content="text/html" />
  <script type="text/javascript" src="quickstart.js"></script>
        <title>AJAX и PHP: Quickstart</title>
</head>
<body onload="process()">
        Сервер желает узнать ваше имя:
  <input type = "text" id = "myName" onkeypress="process()"/>
  <div id = "MyId"></div>
</body>
</html>

CODE (javascript):
скопировать код в буфер обмена

var request = getXmlHttpRequest();
function getXmlHttpRequest()
{
  var xmlhttp;
  try
  {
    xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
  }
  catch (e)
  {
    try
    {
      xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    catch (E)
    {
      xmlhttp = false;
    }
  }
 
  if(!xmlhttp && typeof XMLHttpRequest!='undefined')
  {
    xmlhttp = new XMLHttpRequest();
  }
  return xmlhttp;
}
 
/*---------------------------------------------------------------------------*/
 
function process()
{
  // Объект XMLHttpRequest
 
  /*свойство onreadystatechange это обработчик события, которое реагирует 
  на любое изменения данного объекта*/
  request.onreadystatechange = HandleServerResponse()
  
  // Адрес серверного скрипта
  //encodeURIComponent
  var name =document.getElementById("myName").value;
  var url = "quickstart.php?name=" + name;
  /* Запрос на сервер, true означает что это асинхронный запрос
  если было бы false то это синхронный запрос*/
  request.open("GET", url, true);  
  request.setRequestHeader("Content-type", "charset=utf8");
  request.send(null); // посыл данных
}
 
function HandleServerResponse()
{
  /*свойство readyState - состояние объекта             
  0 - не инициализирован
  1 - открыт, 
  2 - отправка данных, 
  3 - получение данных,  
  4 - данные загружены
  рекомендую использовать только 4*/
  if (request.readyState == 4)
  {
    /*свойство status это HTTP-статус ответа: 200-OK, 404-Not Found*/
    if (request.status == 200)
    {
      var result = document.getElementById("MyId"); // Чтение ответа
      result.firstChild.nodeValue = request.responseText; // Вывод на экран
      //setTimeout('process()', 1000);
    } 
    else document.write("Произошла ошибка. Обнови страничку");
  }
}

PHP:
скопировать код в буфер обмена

<?PHP   
// результаты будем отправлять в формате XML 
header("Content-Type: text/html; charset=utf8");
 
// получить имя пользователя
$name = $_GET['name'];
// сгенерировать текст сообщения в зависимости 
// от имени пользователя принятого от клиента
$userNames = array('CRISTIAN', 'BOGDAN', 'FILIP', 'MIHAI', 'YODA');
if (in_array(strtoupper($name), $userNames))
  echo 'Здравствуйте, ' . htmlentities($name) . '!';
else if (trim($name) == '')
  echo 'Скажи мне, как зовут тебя, незнакомец!';
else
  echo htmlentities($name) . ', вы мне не знакомы!';
?>

(Отредактировано автором: 23 Апреля, 2014 - 11:27:06)

PHP.SU

Ajax запрос