OnKeyUp не работает?может это плохой код ajax? - PullRequest
Новая
       12

OnKeyUp не работает?может это плохой код ajax?

0 голосов
/ 11 сентября 2011

Я только изучаю AJAX, и следующий HTML-файл не работает.Каждый раз, когда я отпускаю ключ, firebug говорит: «Логин - это не функция».Я не могу понять, почему это так.Любая помощь приветствуется. 

<html>
<head>
<title>Ajax</title>
<script type="text/javascript">
function makeAjax() {
    var ajax;
    try{
        ajax = new XMLHttpRequest();
    }
    catch (e) {
        try {
            ajax = new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch (e) {
            try {
                ajax = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch (e) {
                alert("Your browser is either OLD or BAD! UPDATE!");
                return false;
            }
        }
    }
    ajax.onreadystatechange = function() {
        if(ajax.readyState == 4 && ajax.status == 200) {
            document.getElementById("btag").innerHTML = ajax.responseText;
        }
    }
}
function login() {
    ajax.open("GET", "ajax.php", true);
    ajax.send(null); 
}
</script>
</head>
<body onLoad="makeAjax();">
<form name="login">
Username: <input type="text" onKeyUp="login();" />
<br /><br />
Password: <input type="password" onKeyUp="login();" />
<b id="btag"></b>
</form>
</body>
</html>

Ответы [ 2 ]

3 голосов
/ 11 сентября 2011

onKeyUp="login();", похоже, находит вашу форму (также называется login). Переименование формы во что-то другое (например, login_form) работает для меня.

0 голосов
/ 11 сентября 2011

Попробуйте использовать другое имя формы.У вас есть форма с именем 'login' и функция Javascript, которая называется Login.Я думаю, что firebug перепутан между двумя ...

Кроме того, поместите переменную Ajax вне функции, .ie 

var ajax;
function makeAjax() {

    try{
        ajax = new XMLHttpRequest();
    }
    catch (e) {
        try {
            ajax = new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch (e) {
            try {
                ajax = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch (e) {
                alert("Your browser is either OLD or BAD! UPDATE!");
                return false;
            }
        }
    }
    ajax.onreadystatechange = function() {
        if(ajax.readyState == 4 && ajax.status == 200) {
            document.getElementById("btag").innerHTML = ajax.responseText;
        }
    }
}
...