用 Chart.js 填充每个 JsonRPC 获取的数据绘制图表

Question

我想从每个 JavaScript 对 PHP 服务器的 JsonRPC 调用中获取结果以供进一步使用（使用 Chart.js 绘制图表）。为此，我有一个函数应该执行调用并 return 结果。我使用这个 jQuery 插件：https://github.com/datagraph/jquery-jsonrpc

$.jsonRPC.setup({
    endPoint: '/jsonserver.php'
});

var res; // first place
function getMyStuff() {
    var res; // second place as alternative
    $.jsonRPC.request('getResultsById', {
        params: [1],
        success: function(result) {
            alert(JSON.stringify(result, null, 4)); // works well
            res = result;
        },
        error: function(result) {
            alert("error: " + JSON.stringify(result, null, 4));
        }
    });
    return res;
}

我的问题是我不知道如何从成功块中获取结果。如果我调用该函数，我总是得到 undefined。

Answer 1

请求是异步处理的，因此您需要提供回调，就像您在 'success' 和 'error' 块中所做的那样。可能最简单的方法就是提供另一个回调来调用结果，如下所示：

$.jsonRPC.setup({
    endPoint: '/jsonserver.php'
});

getMyStuff(function (result) {
    console.log("here's the result", result);
});

function getMyStuff(callback) {
    $.jsonRPC.request('getResultsById', {
        params: [1],
        success: callback,
        error: function(result) {
            console.error("error:", result);
        }
    });
}

Answer 2

谢谢大家的指点。
对于每个运行遇到同样问题的人——我的工作代码示例：

$.jsonRPC.setup({
    endPoint: '/jsonserver.php'
});

drawMyChart(function (result) {
    var ctx = document.getElementById("canvas").getContext("2d");
    var lineChartData = {
        labels: makeSuitableArrayLabel(result),
        datasets : [
            {
                fillColor : "#F06292",
                data: makeSuitableArrayFirst(result)
            },
            {
                fillColor : "#1565C0",
                data: makeSuitableArraySecond(result)
            }
        ]
    };

    window.myLine = new Chart(ctx).Line(lineChartData, {
        // options
    });
});

function drawMyChart(callback) {
    $.jsonRPC.request('getResultsById', {
        params: [1],
        success: callback,
        error: function(result) {
            console.error("error:", result);
        }
    });
}

// add
$("#add").click(function() {
    myLine.addData([1, 2], "label");
});

用 Chart.js 填充每个 JsonRPC 获取的数据绘制图表

Drawing chart with Chart.js filled with data gotten per JsonRPC

javascript

jquery

callback

json-rpc

chart.js