-1

我试图让一个通知框弹出错误/成功，然后在 5 秒后隐藏。问题是它出现，隐藏，然后重复 3 次。这很烦人，我相信它会打扰用户。

我想也许我的javascript不好，所以我尝试了jquery，结果还是一样。

function ajaxObj(meth, url) {
    var x = new XMLHttpRequest();
    x.open(meth, url, true);
    x.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    return x;
}
function ajaxReturn(x){
    if(x.readyState == 4 && x.status == 200){
        return true;
    }
}


   function login() {
    var u = _("user").value;
    var p = _("pass").value;
    var status = _("status");

    var ajax = ajaxObj("POST", "login_script.php");
    ajax.onreadystatechange = function(){
    if(ajax.responseText !== "success"){
        status.innerHTML = ajax.responseText;
        _('status').className = "nNote nFailure hideit";
        var svalue = _('status').innerHTML;
        _('status').innerHTML = svalue + '<span style="float:right; margin-right:20px; font-size:10px;" onclick="hideStatus()"> X </span>';
        $( document ).ready(function() {
            $('#status').slideDown(1000).delay( 5000 ).slideUp(1000);
         });
      }
    };
    ajax.send(
        "u=" + u
        + "&p=" + p);
}

如果你想看看它在做什么，去这个网站然后点击“登录”

4

2 回答 2

2

改变：

    if(ajax.responseText !== "success"){

至：

    if(ajaxReturn(ajax) && ajax.responseText !== "success"){

你有这个函数来检查 AJAX 请求是否完成，但是你忘了调用它。

于 2013-09-27T01:53:31.713 回答
2

离开函数时ajax.readyState!==4

您在 onreadystatechange-event 触发时调用此函数，但此事件将触发多次（readyState===4请求完成时）

但是这个问题被标记为“jquery”，你最好使用jQuery.ajax()

于 2013-09-27T01:37:59.577 回答