Question

我有一个运行中的快递服务器，该服务器从我项目的公共文件夹发送一个html文件。它是我尝试从此html文件链接的客户端脚本请求并将数据发送到服务器的。我到处都在看，没有运气找到这样做的方法。我认为可以使用express来完成，但是我似乎无法弄清楚。我觉得我一定很想念或误解一些明显的东西。我该怎么办？

|--index.js
|--template.json
|--public
|  |--index.html
|  |--client.js

1 ：这是我的文件结构。我试图让client.js发送一个请求到index.js，然后它将以一些json响应。

任何解决方案，甚至只是指针都是值得赞赏的。

Answer 1

这是一个简单的设置：

1）Express从AnimatedPositioned文件夹中执行index.html的{{1}}

2）我们有一条Express路由，该路由读取public/文件并将其加载到client.js

的路由中

3）template.json通过/json/发出Ajax请求，命中client.js路由，该路由将JSON内容提供给浏览器脚本

index.js

fetch()

index.html

/json/

client.js

const express = require("express");
const app = express();
const data = require("./template.json");

app.use( express.static( __dirname + '/public' ) );

app.get("/json", (req,res)=>{
    // Send a JSON response with the data from template.json
    res.json( data );
})

app.listen( 8080 );

template.json

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Express</title>
</head>
<body>
    <h1>Express</h1>
    <script src="client.js"></script>
</body>
</html>

参考文献：

Fetch API

快速发送和接收数据

1 个答案: