【问题标题】:Uncaught SyntaxError: Unexpected identifier using JSON.stringify()未捕获的 SyntaxError:使用 JSON.stringify() 的意外标识符
【发布时间】:2019-10-31 10:12:50
【问题描述】:

我正在尝试使用 ag-Grid 将一些数据显示到使用 MSSQL 的表中。我的问题是,当我在 服务器端 console.log(JSON.stringify(field1)) 时,它向我显示:

recordset:[ { field1 : 'Alexandra.Bernhard' }, { field1 : 'Andrew.Collins' }],

但是,当我在客户端尝试相同的操作时,我收到一个错误

Uncaught SyntaxError: Unexpected identifier.

router.js

router.get('/', async (req, res) => {
    try {
      var field1 = await conn.query("SELECT DISTINCT TOP 100 Names FROM Table1");
      JSON.stringify(field1) 
      console.log(field1) //recordset:[ { Resource_Email_ID: 'Alexandra.Bernhard' }, { Resource_Email_ID: 'Andrew.Collins' }],
      res.render('index', {field1: field1});
    } catch (err) {
      res.status(500).send(err.message)
    }
  });

index.ejs

var obj = "<%- JSON.stringify(field1) %>" //[object, Object]

var columnDefs = [{headerName: "Names", field: "name"}];
    // specify the data
    var rowData = [{name : obj}];

    // let the grid know which columns and what data to use
    var gridOptions = {
      columnDefs: columnDefs,
      rowData: rowData
    };

如何获取实际值以显示在表格中?

【问题讨论】:

  • JSON.stringify() 返回字符串,你需要给它赋值。
  • 我已经修好了!谢谢。
  • 你在哪里修的?编辑问题。

标签: javascript node.js json express ag-grid


【解决方案1】:

你不应该在它周围加上引号。 JSON.stringify() 生成一个 JavaScript 文字,您需要替换它以将对象分配给变量。

var obj = <%- JSON.stringify(field1) %>

【讨论】:

  • ag-Grid: rowData must be an array, however you passed in a string. If you are loading JSON, make sure you convert the JSON string to JavaScript objects first。如果我用单引号括起来,这就是 ag-Grid 吐出的内容
  • 那就不要加引号了。
  • 我不是,我是在告诉你我根据你的建议收到的错误。
  • 你确实把它放在引号里。我将引号从双引号更改为单引号,然后出现不同的错误。所以我更正了答案,说根本不要把它放在任何引号中。
  • 我自己做了更改,但忘记在此处更新。
【解决方案2】:

这是一个简单的修复,我必须将 obj 传递到 rowData 变量并删除双引号。

var obj = <%- JSON.stringify(field1) %> 
var columnDefs = [{headerName: "Distinct_Names", field: "obj"}];
    // specify the data
    var rowData = obj;

【讨论】:

  • 什么是Names?你在哪里使用obj 变量?
  • 我给它起了不同的名字。但这就是 obj var 被传递到 rowData 的地方。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2013-09-19
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多