Javascriptタイマーはコードビハインドメソッドを1回だけ呼び出します

Question

ヒートマップにデータを供給するmethodwのコードを呼び出して動的ヒートマップを作成しようとしています。私は関数を呼び出すタイマを持っていますGetNewHeatMapDataTable（）。この関数は新しいデータをフェッチし、既存の配列（pointArray）にプッシュしてマップをダイナミックに更新します。タイマーは期待どおりに実行されます。ただし、変数newheatmapdataの値は変更されず、関数はコードGetIAHeatMapDataTable（ "XXXXXXX"）のコードビハインドを1回だけ呼び出します。私は何が間違っているのか分かりません。私は誰かが正しい方向に私を向けることを望んでいる。以下は

私のコードのスニペットは、事前に

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); 

おかげです。

Answer 1

解決済み：スティーブンさんありがとうございました。私はあなたが示唆したようにしました。魅力のように働いた。これは、新しいデータをフェッチしてヒートマップにプッシュするための新しいコードです。

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);