[SOLVED] Learning AJAX. Can't find problem...

blackcell · December 18, 2008

I can't find the problem with this Ajax tutorial example. Can someone tell me what stupid little thing I am doing wrong?

root/index.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <title>Test</title>
<script language="javascript" type="text/javascript">
   var request = false;
   try {
     request = new XMLHttpRequest();
   } catch (trymicrosoft) {
     try {
       request = new ActiveXObject("Msxml2.XMLHTTP");
     } catch (othermicrosoft) {
       try {
         request = new ActiveXObject("Microsoft.XMLHTTP");
       } catch (failed) {
         request = false;
       }
     }
   }
   if (!request)
     alert("Error initializing XMLHttpRequest!");
   function getCustomerInfo() {
     var phone = document.getElementById("phone").value;
     var url = "/scripts/index.php?phone=" + escape(phone);
     request.open("GET", url, true);
     request.onreadystatechange = updatePage;
     request.send(null);
   }
    function updatePage() {
         if (request.readyState == 4) {
           if (request.status == 200) {
             var response = request.responseText;
             document.getElementById("order").value = response;
           } else
             alert("status is " + request.status);
             var response = request.responseText;
             document.getElementById("order").value = response;
         }
       }
</script>

</head>
<body>
  <p><img src="breakneck-logo_4c.gif" alt="Break Neck Pizza" /></p>
  <form action="POST">
   <p>Enter your phone number:
    <input type="text" size="14" name="phone" id="phone"
           onChange="getCustomerInfo();" />
   </p>
   <p>Your order will be delivered to:</p>
   <div id="address"></div>
   <p>Type your order in here:</p>
   <p><textarea name="order" rows="6" cols="50" id="order"></textarea></p>
   <p><input type="submit" value="Order Pizza" id="submit" /></p>
  </form>
</body>
</html>

root/scripts/index.php

<?php
echo "Hello";
?>

Shouldn't this return "Hello" in the order box?

Sign In

[SOLVED] Learning AJAX. Can't find problem...

Recommended Posts

blackcell

Link to comment

Share on other sites

Archived

Browse

Activity

Important Information