javascript - 如何发送带有 index.html 文件的数组。如何访问它?
问题描述
我想知道是否有办法使用 express.js 将数组从 index.html 发送到另一个外部 js 文件。
服务器.js
app.get("/", (req, res) => {
app.use(express.static("./animeCatcher"));
res.sendFile("index.html");
})
app.get("/anime", (req, res) => {
let animeNames = ["One Piece", "Fairy Tail", "Attack on Titan"];
res.json(animeNames);
});
索引.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src= "animeScrape.js"></script>
</head>
<body>
</body>
</html>
日本动漫Scrape.js
fetch('/anime')
.then(res => res.json())
.then(animeNames => console.log(animeNames));
我试图尽可能详细地解释它。
当我启动我的 express Server(server.js) 时,它首先打开端口 8000,然后 url("/") 首先加载 html 文件。
由于我的 index.html 中的链接脚本文件,animeScrape.js 尝试获取我尚未发送的数组。
当我转到 url("/anime") 时,它将数组发送到将显示的浏览器,但是为了访问这个数组,我需要再次发送 index.html 文件和数组。然后我的animeScrape.js 将再次加载并获取一些东西。
我希望这一切都清楚。
感谢问候