Jquery POSTに配列が設定されていません

Question

HighChartsを参照して配列にJSONエントリを設定しようとしています。

JSONオブジェクトの1つに手動で入力され、PHPポストで動的に入力する必要があります。 データを配列にプッシュするためにコールバック関数を使用しようとしましたが、データがプッシュされないようです。

私はPHP Postからデータが返ってくることを確認することができます。 それは、配列に値を設定したようですが、Jquery POST関数が完了すると、配列が空になったように見えます。

また、POSTの内部にconsole.tableコールがあります。これは実際に配列を正しく印刷します。

下記のコードから、投稿の直後にconsole.table（）コール を使用していて空であることがわかります。 しかし、私は手動で次回にプッシュした後、データ配列には手動JSON配列プッシュのためのデータが含まれています。

アイデア？

/* INITIAL ARRAY **************************************/ 
data_array = []; 
var colors = Highcharts.getOptions().colors; 
categories = ['Dynamic', 'Manual']; 

/* FUNCTION TO PUSH TO ARRAY *****************************/ 
function push_toarray(cats,counts) { 

    data_array.push({ 
     y: 10.38, 
     color: colors[1], 
     drilldown: { 
      name: 'Dynamically Populated', 
      categories: [cats], 
      data: [counts], 
      color: colors[1] 
     } 
    });  
} 

/* PHP AND FOR LOOP FOR GETTING DATA *********************************************/ 


    $.post("php/dt_charts.php") 
     .done(function(data) { 
     var obj = jQuery.parseJSON(data); 

     // To verify the values are returned 
     console.log(obj.fe_det_name); 
     console.log(obj.fe_det_count); 

     push_toarray(obj.fe_det_name, obj.fe_det_count); 
     console.table(data_array); // This prints the array correctly with both JSON objects inside 
    }); 

    //console.table(data_array); // This prints no data. 

/* MANUAL DATA ARRAY *********************************************/ 


    data_array.push({ 
     y: 10.38, 
     color: colors[1], 
     drilldown: { 
      name: 'Manually Populated', 
      categories: ['Firefox v31', 'Firefox v32', 'Firefox v33', 'Firefox v35', 'Firefox v36', 'Firefox v37', 'Firefox v38'], 
      data: [0.33, 0.15, 0.22, 1.27, 2.76, 2.32, 2.31, 1.02], 
      color: colors[1] 
     } 
    }) 


console.table(data_array); // This prints only the manually populated array values 

Answer 1

$.post("php/dt_charts.php") 
    .done(function(data) { 
    var obj = jQuery.parseJSON(data); 

    // To verify the values are returned 
    console.log(obj.fe_det_name); 
    console.log(obj.fe_det_count); 

    push_toarray(obj.fe_det_name, obj.fe_det_count); 
    console.table(data_array); // This prints the array correctly with both JSON objects inside 

<----- move your logic here, 

}); 

があなたのロジックを移動

、あなたが機能であなたのロジックを入れて、あなたの行ってコールバックの内側に、その関数を呼び出すよりも、カント場合：

は、ここに私のコードです。