javascript - 抽象一个 AJAX 调用，这样我就可以使我的代码更加动态

Question

我正在尝试采用典型的 jQuery AJAX 调用并将其包装在自己的函数中，以便我可以使用不同的参数调用它以使其更具动态性。我似乎遗漏了一些关于 success 或一般回调的信息。基本功能是将 JSON 传递给 Google 图表实现。如果我对 JSON 进行硬编码但我想从我的 REST API 中获取它，这将起作用。现在我有这么一小段代码:

var getAjax = function (url){
    $.ajax({
        url: url,
        dataType: json,
        success: drawChart
    });
}

var drawChart = function (data) {
    jsonData = data;
    console.log(jsonData);
    // Create our data table out of JSON data loaded from server.
    var jsonDataTable = new google.visualization.DataTable(jsonData);

    // Instantiate and draw our chart, passing in some options.
    //var chartPie = new google.visualization.PieChart(document.getElementById('pie'));
    //var chartBar = new google.visualization.BarChart(document.getElementById('bar'));
    var chartJson = new google.visualization.BarChart(document.getElementById('json'));
    //chartPie.draw(trailerData);
    //chartBar.draw(chewyData);
    chartJson.draw(jsonDataTable);
}

console.log('got here');

getAjax("data/dashboard0");

当我检查控制台时，我可以看到来自 jQuery 的 200，但我的窗口中什么也没有。我还尝试使用 getAjax(data) 来定义函数，但在我的阅读中我看到我应该这样做，但我不太确定哪种方法是正确的。

Answer 1

我想您的语法错误导致代码无法运行...

dataType 应该是一个字符串:

dataType: 'json',

关于响应数据的注意事项 - 如果您需要原始数据，而不是经过解析的数据对象，您可以从原始 XHR 中获取...无需将经过解析的数据展开为另一个字符串。

var drawChart = function (data, status, jqXHR) {
    var jsonString = jqXHR.responseText;
    var parsedData = data;
    //...