Javascript-форум - Показать сообщение отдельно - страница не перезагружается, но не выводятся данные, введенные в форму

sc2r2bey · #1 (**permalink**) 03.07.2009, 21:30

в чем может быть ошибка?

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional-dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />

<title>Изучаем AJAX</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 = "/include/xtr.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.split("|");
                document.getElementById("order").value = response[0];
                document.getElementById("address").innerHTML = response[1].replace(/\n/g, " ");
            } else
                alert("status is " + request.status);
        }
    }
</script>
</head>
<body>
    <form>
        <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>