成功的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); 
    } 
    }); 
});