AJAX 요청을 받고 매 5 초마다 새로 고침

Question

현재 프로젝트를 진행하고 있으며 AJAX 요청을 새로 고치는 방법을 실제로 알 수 없습니다. 내 코드가 잘 작동하는 순간 모든 마커를 표시 할 수 있지만 매 5 초마다 새로 고침하고 새 마커를 받으려고합니다! 내 스크립트 사본 아래에 제트없이 성공한 setInterval을 사용하려고합니다! 이것에 대한 도움말은 정말 좋습니다. 덕분에 다시 . 이것에 대한

var gMapsLoaded = false; 
window.gMapsCallback = function(){ 
    gMapsLoaded = true; 
    $(window).trigger('gMapsLoaded'); 
} 
window.loadGoogleMaps = function(){ 
    if(gMapsLoaded) return window.gMapsCallback(); 
    var script_tag = document.createElement('script'); 
    script_tag.setAttribute("type","text/javascript"); 
    script_tag.setAttribute("src","http://maps.google.com/maps/api/js?sensor=false&callback=gMapsCallback"); 
    (document.getElementsByTagName("head")[0] || document.documentElement).appendChild(script_tag); 
} 


$(document).ready(function(){ 
    function initialize(){ 
     var mapOptions = { 
      zoom: 18, 
      center: new google.maps.LatLng(51.5207239719, -0.182568696184), 
      mapTypeId: google.maps.MapTypeId.ROADMAP}; 
     map = new google.maps.Map(document.getElementById('map_canvas'),mapOptions); 
    } 
    $(window).bind('gMapsLoaded', initialize); 
    window.loadGoogleMaps(); 
}); 

$(window).load(function update() { 


    $.ajax({ 
     url: 'get-last.php', 
     success:function(data){ 
      //Loop through each location. 
      $.each(data, function(){ 
       //Plot the location as a marker 
       var pos = new google.maps.LatLng(this.latitude, this.longitude); 
       new google.maps.Marker({ 
        position: pos, 
        map: map 
       }); 




      }); 
     } , complete: function() { 
     setInterval(update, 1000); 
     } 

     }); 

Answer 1

update() 함수를 전체 콜백에서 수행하는 대신 setInterval()에 래핑하려고 했습니까? 또한 당신이 변수 map

$(window).load(function(){ 
    update() 
    setInterval(function(){ 
     update() 
    }, 5000) 
}) 

function update(){ 
    $.ajax({ 
     url: 'get-last.php', 
     success:function(data){ 
      //Loop through each location. 
      $.each(data, function(){ 
       //Plot the location as a marker 
       var pos = new google.maps.LatLng(this.latitude, this.longitude); 
       new google.maps.Marker({ 
        position: pos, 
        map: map //is this been set globally? 
       }); 
      }); 
     } 
    }) 
} 

Answer 2

사용 setTimeout(function(){ alert("Hello"); }, 3000); 기능. 함수를 실행 한 다음 특정 시간이 지나면 다시 실행합니다.