Express / Ajax / Axios / 获取 dom 操作所需的信息时遇到问题答案

【问题标题】：Express / Ajax / Axios / Trouble getting the info I need for dom manipulationExpress / Ajax / Axios / 获取 dom 操作所需的信息时遇到问题
【发布时间】：2019-11-12 11:10:37
【问题描述】：

我需要根据一些 AJAX 调用进行一些 DOM 操作。但是我最终在我的页面上得到了 res.send 并且我无法获得 console.log 我需要查看数据并能够检查我需要在我的 Dom 中插入的内容。我看到的只是 res.render 和 JSON 数据。即使尝试进行一些基本的 DOM 创建，它也不起作用。

我已经设法进行了一些 AJAX 调用。一些 Axios 发布、修补或删除，但我在渲染页面时从不需要调用数据，总是通过页面内的按钮。

一定有什么我不明白的地方……

Router.get("/collection", async (req, res) => {
  const dbRes = await Promise.all([
    sneakerModel.find().populate("tag"),
    tagModel.find()
  ]);
  const sneakRes = dbRes[0];
  const tagRes = dbRes[1];
  res.send(tagRes);
});

// ===============================

// CLIENT SIDE => 
const allCollecRoutes = document.getElementById("allCollec");
allCollecRoutes.onclick = async () => {
  const dbRes = await axios.get("http://localhost:9876/collection");
  console.log(dbRes);
};

【问题讨论】：

标签： javascript node.js ajax express axios

【解决方案1】：

您似乎期望客户端收到 JSON 序列化响应，但正在从服务器发送纯文本/文本，即res.send(tagRes)

请改用res.json(tagRes)。

【讨论】：

谢谢詹姆斯。实际上，我试图在没有做 preventlDefault 的情况下对锚标记执行 GET，所以我的页面直接重新加载.....