成功的ajax请求提醒

Question

我建立了一个使用ajax和jQuery的聊天系统。每当收到消息时，我都希望有一个提醒。

这里的Ajax代码接收新的消息

$(document).ready(function ajax(){ 
    $.ajax({ 
    type: 'GET', 
    url: 'recieve.php', 
    dataType: 'html', 
    success: function(response){ 
     $("#message").html(response); 
    }, 
    complete: function(){ 
     setTimeout(ajax,1000); 
    } 
    }); 
    }); 

我应该在哪里放警报（“收到的新邮件”）;所以它只有在收到消息时才会弹出。

如果我把警报放在成功的功能，它是每秒弹出。

Answer 1

尝试是这样的：

var msg_res =''; //store the previous response 
$(document).ready(function ajax(){ 
    $.ajax({ 
    type: 'GET', 
    url: 'recieve.php', 
    dataType: 'html', 
    success: function(response){ 
     $("#message").html(response); 
     //if response changed, not the same as in msg_res 
     if(response != msg_res){ 
     msg_res = response; //store new response 
     alert('New message received'); 
     } 
    }, 
    complete: function(){ 
     setTimeout(ajax,1000); 
    } 
    }); 
});