Ajax를 통한 업데이트 알림

Question

알림 시스템을 만들었습니다. Ajax를 통해 읽지 않은 알림 수를 표시 할 수있는 함수를 호출 할 수 있었으면 좋겠습니다. 웹 사이트를 탐색하여 자동으로 10 초마다 기능을 호출 할 수있는 가능성이 있습니다. 당신의 도움을 주셔서 감사합니다. 지금은 나는이 코드를 가지고 :

function notifications() 
{ 
    $.get("//localhost/laravel/public/index.php/new_notifications", 
    function(data) 
    { 
     data_parsed = JSON.parse(data); 

     if(data_parsed.length > 0) 
     { 
      //code 
     } 
    }); 
} 

Answer 1

당신은 자바 스크립트가 간격이해야 할 설정되어 사용하는 기능 몇 초마다 호출 할 경우 :

window.setInterval(function(){ 
    /// call your function here 
}, 5000); 

Source

이 작동합니다 루프/5 초마다 호출됩니다.

setInterval은 jQuery의 일부가 아닌 표준 JavaScript 함수입니다. 당신은 실행하는 기능 및 밀리 초 단위로 기간을 호출

여기가 볼 수있는 방법은 다음과 같습니다

setInterval(function(){ 
    $.ajax({ url: "server", success: function(data){ 
     //Update your dashboard gauge 
     salesGauge.setValue(data.value); 
    }, dataType: "json"}); 
}, 10000); 

Source

Answer 2

하는의 당신이 그 정보를 포함 사업부의 어딘가에 있다고 가정 해 봅시다.

<div id="unreadNotification" ></div> 

ajax 호출에서 해당 div를 새로 고칩니다.

function notifications() 
{ 
    $.get("//localhost/laravel/public/index.php/new_notifications", 
    function(data) 
    { 
     data_parsed = JSON.parse(data); 

     if(data_parsed.length > 0) 
     { 
      //i don't know the structure of your data, but put the right thing here. 
      $("#unreadNotification").text(data_parsed.unreadNotification); 
     } 
    }); 
} 

10 초마다이 기능을 호출하십시오.

setInterval(notifications, 10000);