时间戳

首页 > 解决方案 > 如何在返回 JSON 的 HTML 文件中调用 JAVA 脚本

javascript - 如何在返回 JSON 的 HTML 文件中调用 JAVA 脚本

问题描述

当我从浏览器调用以下其余 API 时，我有以下代码返回为 {member:'previous day Data'}： http://localhost:3000/prevday（Web 服务器在端口 3000 上运行）

  app.get('/prevday',function(req,res)
    {
            var data ={member:'previous day Data'};
            res.status(200).json({member:'previous day data'});
            //return res.send();

    });

我想编写显示结果 {member:'previous day Data'} 的 HTML 文件。我需要在 HTML 文件中调用 javascript。所以，我正在寻找 javascript/ajax 文件以及如何在 HTML 中调用它。

标签： javascripthtmlajaxrest

解决方案

试试下面的代码...

<!DOCTYPE html>
<html>
<body onload="onPageLoad()">

<div id="demo">
</div>

<script>
function onPageLoad() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      document.getElementById("demo").innerHTML =
      JSON.stringify(this.responseText);
    }
  };
  xhttp.open("GET", "/prevday", true);
  xhttp.send();
}
</script>

</body>
</html>

推荐阅读