Question

我正在尝试通知框以弹出错误/成功，然后在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);
}

如果你想看看它在做什么，请转到this site并点击“登录”

Answer 1

在ajax.readyState!==4

时离开该功能

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

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

Answer 2

变化：

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

为：

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

您有此功能可以检查AJAX请求是否完整，但您忘记调用它。

JavaScript / jQuery脚本在没有循环的情况下循环3次

2 个答案: