Javascript-Timer ruft einen Code hinter Methode nur einmal

Question

Ich habe versucht, eine dynamische Heatmap durch Aufrufen von Code hinter methodw, die die Daten an die Heatmap liefert erstellen. Ich habe einen Timer, der die Funktion GetNewHeatMapDataTable() aufruft. Die Funktion ruft neue Daten ab und verschiebt sie in ein vorhandenes Array (pointArray), um die Map dynamisch zu aktualisieren. Der Timer läuft wie erwartet. Der Wert der Variablen newheatmapdata ändert sich jedoch nicht und die Funktion ruft nur einmal den Code hinter Methode GetIAHeatMapDataTable ("XXXXXXX") auf. Ich bin mir nicht sicher, was ich falsch mache. Ich hoffe, dass jemand mich in die richtige Richtung weisen kann.

Unten finden Sie ein Ausschnitt aus meinem Code

var heatmapData = []; 
function GetDataTableFromCodeBehind() { 

     heatmapData = <%=GetIAHeatMapDataTable("XXXXXXX")%>;       
    }   


var pointArray = new google.maps.MVCArray(heatmapData); 
    var heatmapLayer = new google.maps.visualization.HeatmapLayer({ 
     data: pointArray, 
     dissipating: false, 
     radius: 0.00001 
    }); 

function GetNewHeatMapDataTable() {    
     var newheatmapdata = [] 
     newheatmapdata = <%=GetIANewHeatMapDataTable("XXXXXXX")%>;    

     if (newheatmapdata.length > 0){ 

      for (i = 0; i < newheatmapdata.length; i++) { 
       pointArray.push.apply(pointArray, newheatmapdata);      
      } 
     }         
    } 
setInterval(function() {GetNewHeatMapDataTable();},3000); 

Vielen Dank im Voraus.

Answer 1

Gelöst: Vielen Dank Stephen. Ich tat genau so, wie du es vorgeschlagen hast. Lief wie am Schnürchen. Das ist mein neuer Code ist es, neue Daten für das Abrufen und an die Heatmap

function fetchNewData() {  
      $.ajax({ 
       type: "POST", 
       url: "Webform1.aspx/GetIANewHeatMapDataTable", 
       data: JSON.stringify({ level: "XXXXXXX" }), 
       contentType: "application/json; charset=utf-8", 
       dataType: "json", 
       async: false, 
       success: function(data) {      
        var newheatmapdata = [] ; 
        newheatmapdata = eval('(' + data.d + ')'); 

        if (newheatmapdata.length > 0){  
         for (i = 0; i < newheatmapdata.length; i++) {         
          pointArray.push.apply(pointArray, newheatmapdata);          
          heatmapLayer.setData(pointArray); 
         } 
        }        
       }, 
      }); 

     } 
    setInterval(function() {fetchNewData();},1000);