jsReport 如何使用 AJAX GET 请求动态获取数据？

Question

我想使用 jsreport 在我的网站（asp.net 核心应用程序）上动态生成一些报告，并且我在控制器中有一个返回 JSON 的方法，我想使用 jsReport 从那里获取数据来填充一份报告。

我将发布一些测试值。 控制器

public JsonResult testReport()
{
         FileStream fs = new FileStream("path\\json.txt", FileMode.Open);

        using (StreamReader r = new StreamReader(fs))
        {
            var model = r.ReadToEnd();
            test json = JsonConvert.DeserializeObject<test>(model);


            return Json(json);
        }   
 }   

    [HttpGet]
    public async Task<IActionResult> MyAction([FromServices] INodeServices nodeServices)
    {
        var result = await nodeServices.InvokeAsync<byte[]>
            ("./pdf");
        HttpContext.Response.ContentType = "application/pdf";

        string filename = @"report.pdf";
        HttpContext.Response.Headers.Add("x-filename", filename);
        HttpContext.Response.Headers.Add("Access-Control-Expose-Headers", "x-filename");
        HttpContext.Response.Body.Write(result, 0, result.Length);
        return new ContentResult();
    }

以及在页面上运行的实际脚本：

module.exports = function (callback) {
    var jsreport = require('jsreport-core')();

    jsreport.init().then(function () {
        return jsreport.render({
            template: {
                content: 'template bla bla bla',
                engine: 'jsrender',
                recipe: 'phantom-pdf'
            },
            data: /* i don`t know how to get data from (/Home/testReport) */
        }).then(function (resp) {
            callback(/* error */ null, resp.content.toJSON().data);
        });
    }).catch(function (e) {
        callback(/* error */ e, null);
    });
};   

我检查了硬编码和值，它可以工作，但在动态获取数据时遇到问题。

Answer 1

我设法卖掉了这个。问题是我试图在服务器上运行客户端脚本，这实际上没有任何意义。所以我通过在我在服务器上运行的脚本中发出 get 请求来修复它。最终结果：

module.exports = function (callback) {
var request = require("request");
var getResponse = null;

request.get({
    url: '/Home/testReport',
    json: true,
}, function (error, response, body) {
    if (!error && response.statusCode == 200)
        getResponse = body;
    });

var jsreport = require('jsreport-core')();

jsreport.init().then(function () {
    return jsreport.render({
        template: {
            content: 'template bla  bla bla',
            engine: 'jsrender',
            recipe: 'phantom-pdf'
        },
        data: getResponse
    }).then(function (resp) {
        callback(/* error */ null, resp.content.toJSON().data);
    });
}).catch(function (e) {
    callback(/* error */ e, null);
});

};

Answer 2

获取数据只是另一个异步任务，因此将其包含在您的承诺链中，以便将数据交付到需要的地方。

假设您正在使用fetch() 获取数据...

module.exports = function () {
    var jsreport = require('jsreport-core')();
    return jsreport.init()
    .then(function() {
        return fetch({/* params */})
    })
    .then(function(fetchedData) {
        return jsreport.render({
            template: {
                content: 'template bla bla bla',
                engine: 'jsrender',
                recipe: 'phantom-pdf'
            },
            data: fetchedData
        });
    });
};   

注意：所有提及callback 的内容均已删除。通过从函数返回一个承诺，调用者可以将.then(...).catch(...); 链接到函数调用，而无需传递回调（至少，不同的方式）。