将对象从EJS传递到JavaScript函数

Question

我正在尝试从我的EJS文件附加一个点击事件，但是我注意到，当我的数据来自数据库具有“ newline”时，我会收到一个错误，上面说：在JSON中的json中的意外令牌253

app.js

app.get('/', async (req, res) => {
   return res.render('page', {
      data: dataArray
   })
});

page.ejs：

  <% for(let t of data) { %>
  <tr class="tr-<%= t.id %>">
    <td><i class="fas fa-pencil-alt" onclick="editT('<%= JSON.stringify(t) %>')"></i>
    </td>
    <td><%= t.name %></td>
    <td><%= t.description %></td>
  </tr>
  <% } %>

脚本

function editT(t) {
  t = JSON.parse(t);
  console.log(t)
}

描述具有“ newline”时，我使用json.stringif（t）它被打破了：

let t = '{"id":1,"name":"Lorem","description":"Lorem Ipsum is simply dummy text of the printing and typesetting industry!

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.
","created_at":"2022-04-18T22:19:00.153Z"}';


console.log(JSON.parse(treatment));

Answer 1

有两种做到这一点的方法毫无疑问

方式编写UNESCAPER的字符串

，首先使用＆lt;％ - ％＆gt;这样，它将以这样的

<td><i class="fas fa-pencil-alt" onclick="editT('<%- JSON.stringify(t)%>')"></i></td>

：第二个将使用Scode Sectode

<td><i class="fas fa-pencil-alt" onclick="editT('<%= encodeURIComponent(JSON.stringify(t))%>')"></i></td>

第二个也需要您执行

function editT(t) {
  t = JSON.parse( decodeURIComponent(t));
  console.log(t)
}