AJAX Anfrage bekommen, alle 5 Sekunden aktualisieren

Question

Ich arbeite gerade an einem Projekt und kann nicht wirklich herausfinden, wie man die AJAX Anfrage aktualisiert. Im Moment funktioniert mein Code gut, ich kann den ganzen Marker anzeigen, aber ich möchte ihn alle 5 Sekunden aktualisieren und den neuen erhalten! Unter einer Kopie meines Skripts versuche ich setInterval ohne Erfolg Jet zu verwenden! Hilfe dazu wird wirklich toll. danke nochmal.

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

Haben Sie versucht, die update() Funktion innerhalb setInterval() zu wickeln, anstatt es auf vollständigen Rückruf zu tun? Ich kann auch nicht sehen, wo hast du map Variable

$(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

Verwenden Sie hierzu die Funktion setTimeout(function(){ alert("Hello"); }, 3000);. Es wird die Funktion ausführen und nach einer bestimmten Zeit neu berechnen