如何使用jqwidgets和angular生成特定的json?

时间:2018-07-16 12:31:40

标签: json angular angular6 jqwidget


我正在尝试将数据表的数据导出到json文件中。
该表是使用Angular6上的JQwidget创建的,数据来自API。

但是,使用jqwidgets方法exportData('json');只能创建表json的格式。 [{“ id”:“ 1”,“ name”:“ test”},
{“ id”:“ 2”,“ name”:“ toto”}]

jsonExport(): void {
    this.myDataTable.exportData('json');
  };

我不知道如何将json的格式更改为类似这样的内容:
[“数字”:“ 2”,
 “ 1”:{“ id”:“ 1”,“名称”:“ test”},
“ 2”:{“ id”:“ 2”,“ name”:“ toto”}]

谢谢

1 个答案:

答案 0 :(得分:0)

我设法做自己想做的事,就像这样:
首先,您无法使用JqWidgets https://www.jqwidgets.com/community/topic/how-to-generate-specific-json-with-exportdatajson-jqwidgets-and-angular/
完成此操作 然后,我的解决方案是:

  • 我在Nodejs API中创建了一个字符串作为GET。

    app.get('jsonfile', function (req, res) {
      res.header("Content-Disposition", "attachment;filename=\filename.txt\"");
      connection.query('select * from heroes', function(error, results, fields) {
        if (error) throw error;
        var JSONstring = "[";
          ...
          ...
          ...
        JSONstring = "]";
        res.end(JSONstring);
        console.log(JSONstring);
      });
    });
    

  • res.header('Content-Disposition','attachment; filename = \ filename.txt \“”);如果您想将此JSON字符串作为文件向下下载,则对我的解决方案是必需的。
  • 我试图像其他人一样使用此端点,但是我遇到了这个问题:

    ERROR 
    Object { headers: {…}, status: 200, statusText: "OK", url: "http://localhost:3000/jsonfile", ok: false, name: "HttpErrorResponse", message: "Http failure during parsing for http://localhost:3000/jsonfile", error: {…} }
    

  • 因为它不能通过单击按钮和ts功能使用。
  • 相反,我只是这样做了:

    <a href="http://localhost:3000/jsonfile" ><button>Creation JSON File</button></a>
    

    它对我有用,但是如果有更好的解决方案,我将很高兴知道。

    谢谢大家的帮助!