How to pass a javascript object that contains strings with quotes from node.js to the browser?

前端未结

关注

 2  708

I have a node/express application and want to pass a javascript object to the browser. Currently I do this by JSON.stringifying the object and printing it into the

相关标签:

2条回答

無奈伤痛

2021-01-24 10:20

Quoting my own answer:

I JSON.stringify() any objects that my client scripts need and insert it as HTML5 data-whatever attributes. [then your client script can just read the dom attribute.]

For example:

//app.js
app.get('/map', function(req, res){
  var data = {
    id: '1234',
    LL: {
      lat: 42.1,
      lng: 80.8,
  };
  res.locals.docsJSON = JSON.stringify([data]);
  res.render('locations/index');
});

//jade
!!!
html
  body(data-locations=locals.docsJSON)
  script
    var docs = JSON.parse($('body').attr('data-locations'));
    console.log(docs[0].LL);

//html output
<html> <body data-locations='{"id":"1234","LL":{"lat":42.1,"lng":80.8}}'>
<script> var docs = JSON.parse($('body').attr('data-locations'));  console.log(docs[0].LL); </script>
</body></html>

0 讨论(0)

耶瑟儿～

2021-01-24 10:28
In your template, remove the JSON.parse.
```
var myObjectInBrowser = {{{myObjectString}}};
```
If you've already encoded the data as JSON, this is directly parseable by the JavaScript engine. If you add another JSON.parse to that, you are double-parsing.
0 讨论(0)
发布评论:

提交评论
- 加载中...