jQuery如何知道何時收到新消息？

Question

我在消息頁面中使用了以下JavaScript，接收到新消息時是否可以播放聲音？ 請注意，我不想為每個請求播放聲音，僅當頁面中添加了新消息時才播放。

function homeAjax() {
  $.ajax({
    url : 'subHome',
    success : function(data) {
      $('#result').html(data);
    }
  });      
}

var intervalId = 0;
intervalId = setInterval(homeAjax, 3000);

我的MVC控制器（subHome）使用ModelAndView返回所有消息。

Answer 1

也許會有所幫助。

<script type="text/javascript">
  var datLength = 0;
  function homeAjax() {
    $.ajax({
        url : '/data',
        contentType : "application/json",
        dataType : 'json',
        success : function(data) {

           if(data.length > datLength){
               console.log(data.length);
               datLength = data.length;
               /*jquery audio play*/
           }else{
               console.log("no play");
           }
        }
    });

    } 
 </script>

顯示控制台

Answer 2

使用<audio>標簽：

<audio id="myAudio" src="path/to/sound.mp3">

然后，當您需要播放剪輯時，請使用：

<script>
document.getElementById("myAudio").play();
</script>