jQuery中的返回类型数组

Question

我在 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 作为数组，因为我说过什么都没有发生。 :) 感谢您的帮助。

Answer 1

您可以定义新函数来初始化和调用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;
        });
}