数据值在加载数据之前呈现为“名称”

Question

见下图。

搜索提交后，数据应该在搜索栏下方呈现，通过ejs加载如下：

<div class="data">
            <%= data %>
        </div>

前几天，这个数据是在点击搜索后加载的，但是，现在在加载我的本地主机时，立即出现“名称”这个词。

当我在网页上进入我的源代码时，它显示为

<div class="data">
            name
        </div>

所以这一定是这个问题的来源。 如何阻止 name 一词的呈现，而只是在表单提交时加载数据？

---

编辑： 这是一些后端代码

app.get('/',(req,res)=>{
  res.render('index',{
      data: 'name'
  })
})

app.post('/', async(req, res) => {

  const whoissearch = new whoissearch()

  try {
      await whoissearch()

      const url = req.body

      let urlEncoded = decodeURIComponent(url.url);

      await whoissearch.init();
      const site = await whoissearch.open(urlEncoded)
      site.on('error', console.error) // catch the errors
      const results = await site.analyze()


      const data = JSON.stringify(results, null, 2)
      console.log(results.whois[0].name)

      await whoissearch.destroy()

      res.render('index', {
          data: data
      });

我已经追查到错误来自这些行

app.get('/',(req,res)=>{
  res.render('index',{
      data: 'name'
  })
})

Answer 1

这是处理异步代码和 API 时的典型问题。你应该研究一个叫做“条件渲染”的概念来处理这个问题。

我有一段时间没有使用 ejs 了，如果语法不正确，请见谅。

你可以试试：

<div class="data">
        <%= data !== 'name' ? data : '' %>
</div>

您在这里看到的是可以称之为“使用三元运算符的动态渲染”。

Answer 2

不得不重置服务器。它似乎已经修复了。