如何将数据从服务器传输到客户端js文件？
嗅探狗
我想将数据从服务器传输到客户端JS文件，但是现在浏览器在其主屏幕上显示数据，就像我们使用innerHTMLproperty一样：
我检查了许多express.js教程，但似乎无法将数据发送（从技术上来说）到客户端js文件。
这是我正在寻找的图表：
[打开网页]-> [（在服务器中）从数据库获取数据]-> [将数据发送到客户端js文件] -> //在客户端进行更多操作
有解决此问题的提示吗？
这是我的代码：
// Makes display the client-side html, temporary disabled.
// app.use(express.static('client'));
// Queries
const QUERIES = {
prev: 'SELECT * FROM en.prevstore',
curr: 'SELECT * FROM en.currstore',
next: 'SELECT * FROM en.nextstore',
samp: 'SELECT * FROM en.sample'
}
// Create connection
const db = mysql.createConnection({
host: 'localhost',
user: 'root',
password: 'password123',
database: 'en'
});
// Router
app.use('/', (req, res) => {
db.query(QUERIES.samp, (err, results) => {
let ternary = err ? console.error(err) : res.json(results);
})
})
客户端HTML（来自注释的请求）
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div class="quotes">
should be filled as quotes of data from database
</div>
<div class="color">
should be filled as color of data from database
</div>
<script type="text/javascript" src="./index.js"></script>
</body>
</html>
客户端JS：
function getWord() {
fetch('http://localhost:4000')
.then(res => res.json())
.then(({data}) => console.log(data))
}
getWord() // I know it won't work but tried for just in case.
康耐视
当您尝试localhost:4000在浏览器上加载时，它正在请求您的/终结点。
您的服务器必须在此端点上返回您的静态文件（index.html＆...）。
app.use(express.static('public'));
// public or any static directory containing your index.html, .js, images ...
然后，您可以将/端点移至更明确的内容，例如/quotes
app.use('/quotes', (req, res) => {
db.query(QUERIES.samp, (err, results) => {
if (err) {
console.log('error', err);
res.status(500);
return res.end(); // closing the response /!\ IMPORTANT
}
res.json(results);
})
})
在您的客户端上，您将拥有类似的东西：
function getWord() {
fetch('http://localhost:4000/quotes')
.then(res => res.json())
.then(data => console.log(data))
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何将SCP从Linux服务器传输到Windows客户端
- 2
使用Meteor将数据从服务器流传输到客户端：
- 3
将原始音频数据从服务器流传输到客户端
- 4
使用socket.io-stream将文件从服务器流传输到客户端
- 5
通过URLConnection将音频文件从客户端传输到Http服务器
- 6
通过Java中的套接字将文件从客户端传输到服务器
- 7
如何将实时视频帧从客户端流传输到flask服务器，再流回客户端？
- 8
如何使用SSH将Minecraft客户端隧道传输到MineOS服务器？
- 9
将音频从客户端流传输到服务器再传输到多个客户端Java
- 10
如何轻松地将服务器端变量从Java代码传输到客户端代码？
- 11
在C中将文件从服务器传输到客户端时获取垃圾值？
- 12
是否可以使用WebRTC将视频从服务器流传输到客户端？
- 13
如何使用VB.NET将FTP服务器上唯一更新的文件传输到客户端计算机？
- 14
如何将文件从磁盘流式传输到.Net MVC中的客户端浏览器
- 15
如何将Node.js服务器数据发送到Javascript客户端？
- 16
如何将文件从远程ubuntu服务器传输到远程ubuntu服务器？
- 17
如何将客户端数据附加到服务器连接？
- 18
如何将数据从Web套接字服务器发送到客户端？
- 19
如何将数据从服务器公开到客户端
- 20
React 和 NodeJS：如何将数据从服务器发送到客户端？
- 21
如何将表单数据从客户端发送到服务器
- 22
如何将JPG文件从服务器发送到客户端
- 23
如何将erlang cassandra客户端文件包含到ejabberd服务器中？
- 24
如何将jwt从swift客户端传递到node.js服务器
- 25
服务器/客户端之间的文件传输
- 26
从客户端到服务器的文件传输
- 27
如何使用浏览器中的Flash客户端将网络摄像头流式传输到RTMP服务器？
- 28
PuTTY（PSFTP）是否使用二进制模式将文件从某个服务器传输到Windows客户端？
- 29
通过服务器将S3中的图像流传输到客户端的最佳实践
我来说两句