返回jquery中的类型数组


Return type array in jquery

我在codeigniter函数中有ajax请求,我只是像这样回显结果数组echo json_encode($array)。我想做的是捕获ajax的返回值作为一个数组,我将在图表中使用它(我使用的是Highcharts(作为一个系列。但这个代码什么都没发生:

    var data2 = [];
    url = base_url+"/codeigniter/index.php/AssistanceMonitoringModule/assistanceMonitoring/getSeries";
        $.ajax(
        {
        type: "GET",
        url: url,
        data: "query="+query,
        success: function(data){
            alert(data);
            //data2 = data;
        },
        dataType: "json",
        error: function (xhr, ajaxOptions, thrownError) {
            alert("XHR:"+xhr.status+"Error:"+thrownError);
          }
        });

这就是在我的HIghchart:中的称呼

$('#columnChart').highcharts({
            chart: {
                type: 'column'
            },
            title: {
                text: 'Fruit Consumption'
            },
            xAxis: {
                categories: ['May 01', 'May 02', 'May 03', 'May 04', 'May 05', 'May 06', 'May 07', 'May 08', 'May 09', 'May 10', 'May 11', 'May 12', 'May 13', 'May 14','May 15','May 16', 'May 17', 'May 18', 'May 19', 'May 20']
            },
            yAxis: {
                title: {
                    text: 'Fruit eaten'
                }
            },
            series: data2
        });

我使用data2作为数组,因为我说什么都没发生。:(谢谢你的帮助。

您可以定义新的函数来初始化并调用highcharts插件onSuccess-ajax,试试这种方式

  $.ajax(
    {
    type: "GET",
    url: url,
    data: "query="+query,
    success: function(data){
        //alert(data);
        //data2 = data;
        callHighChart(data);
    },
    dataType: "json",
    error: function (xhr, ajaxOptions, thrownError) {
        alert("XHR:"+xhr.status+"Error:"+thrownError);
      }
    });
function callHighChart(data){
         $('#columnChart').highcharts({
            chart: {
                type: 'column'
            },
            title: {
                text: 'Fruit Consumption'
            },
            xAxis: {
                categories: ['May 01', 'May 02', 'May 03', 'May 04', 'May 05', 'May 06', 'May 07', 'May 08', 'May 09', 'May 10', 'May 11', 'May 12', 'May 13', 'May 14','May 15','May 16', 'May 17', 'May 18', 'May 19', 'May 20']
            },
            yAxis: {
                title: {
                    text: 'Fruit eaten'
                }
            },
            series: data // ajax response;
        });
}