将数据从循环传递到前端

Question

我的后端有这个功能：

   app.get('/dashboard', async(req, res) => {
  const customers = await stripe.customers.list();

  customers.data.forEach(customer => {
    console.log(customer.metadata);
  });

  res.render('dashboard.ejs', {customer: customers})
})

在我的前端：

 <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
    <thead>
      <tr>
        <th>NAME</th>
        <th>EMAIL</th>
        <th>ACTIONS</th>
      </tr>
    </thead>
    <tbody>
      <% if(customer.length){ 
        for(var i = 0;i < customer.length;i++) { %>
      <tr>
      <td><%=customer[i].NAME%></td>
      <td><%=customer[i].EMAIL%></td>
         <% }
        }else{ %>
            <% } %>
    </tbody>
  </table>

但是，我正在尝试将 METADATA 传递给前端。在元数据对象中，我有name 和email。所以在前端，我尝试了：

<%=customer[i].METADATA.NAME%>

但它什么也没返回。和后端相同。我该如何解决这个问题？

Answer 1

在上面的 cmets 中，我所说的 fetch 一词是指您需要一些如何连接到后端以接受前端数据的术语。您可以使用 ajax、axios、fetch API 等。下面我使用 ajax 来展示如何从后端获取数据。如果您有任何问题，请随时发表评论？

var data_from_backend;

$.ajax({
  type: 'GET',
  data: 'data_to_send_to_backend',
  url: 'server_URL',
  success: function(getMetadata) {
    $.each(JSON.parse(getMetadata), function(myMetadata) {
      data_from_backend = myMetadata.the_name_of_data_set_on_backend
    })
  },
  error: function(data) {
    console.log('Something went wrong.');
  }
});

console.log(data_from_backend)