html - 如何通过express.js将结果发布到html页面的框中？

Question

我很难让 html 和 Node Express 一起工作。我想要结果
{ "date": 2017 年 4 月 15 日", "unix": 1492214400 } 将发布在 html 页面上的框内(包含在 p 中)，而不是在新窗口中打开。这是我到目前为止所尝试过的。你能指出哪里出了问题吗？感谢您的帮助。

enter code here

$("#submitDate").submit(function(i) {
  i.preventDefault();
  var convertInput = (!$("#inputDate").val()) ? $("#inputDate").attr("placeholder") : $("#inputDate").val()
  var tar = window.open(window.location.href + convertInput, "_blank");
  tar.focus();

});

Answer 1

当前您正在使用 window.open 访问 Node 端点，这将在新窗口中打开。您应该使用 JavaScript 的异步请求 API 之一发送请求。一般来说，这些是 XMLHttpRequest或较新的Fetch API 。由于您似乎已经在使用 jQuery 或其他一些 JS 库，因此它们可能也有自己的发送 HTTP 请求的方法。

例如，按照这些思路进行操作可能会达到目的。

let submit = async function(data) {
    const response = await fetch(url);
    // data object containing data payload
    const data = await response.json();
    $(".borderBox").innerText = JSON.stringify(data); // or whatever data you need from the data object
}

在调整您的情况时，我建议进行一些更改，以便您的请求处理函数看起来更符合此要求:

$("#submitDate").submit(async function(i) {
  i.preventDefault();
  var convertInput = (!$("#inputDate").val()) ? $("#inputDate").attr("placeholder") : $("#inputDate").val()
  const response = await fetch(window.location.href + convertInput);
  const data = await response.json();
  document.getElementsByClassName('borderBox')[0].innerText = JSON.stringify(data);
});