我使用nodejs作为服务器。 Usinf socket.io我想在数据库表中插入新数据时刷新我的图表。
这是在表中添加数据的服务器代码。在数据库中添加数据后,我向客户端发送消息以更新我的图表。
app.post('/usersacces/add', function (req,res) {
var response = [];
if (typeof req.body.alias!== 'undefined' &&typeof req.body.nom!== 'undefined' ) {
var alias = req.body.alias, nom = req.body.nom;
connection.query('INSERT INTO administration_users_niveaux_acces (alias, nom) VALUES (?, ?)',
[alias, nom],
function(err, result) {
if (!err){
if (result.affectedRows != 0) {
response.push({'result' : 'success'});
} else {
response.push({'msg' : 'No Result Found'});
}
// When a client connects, we note it in the console
io.sockets.on('connection', function (socket) {
socket.emit('message', 'You are connected!');
console.log('message '+ 'You are connected!');
});
res.setHeader('Content-Type', 'application/json');
res.status(200).send(JSON.stringify(response));
} else {
res.status(400).send(err);
}
});
} else {
response.push({'result' : 'error', 'msg' : 'Please fill required details'});
res.setHeader('Content-Type', 'application/json');
res.status(200).send(JSON.stringify(response));
}
});
这是客户端,它应该接收消息并更新图表。但是,当在数据库中添加新数据按钮单击时,图表不会更新,并且为服务器发送的消息不会显示在控制台中。它仅在我加载页面时显示。
socket.on('message', function(message) {
var databa = [];
$.ajax({
url: '/usersacces'
})
.done(function(data) {
for (var i = 0, len = data[0].items.length; i < len; i++) {
var e1 = data[0].items[i].id;
databa.push(e1);
}
myChart.data.datasets[0].data = databa;
myChart.update();
}).always(function() {
console.log(1);
});
console.log('The server has a message for you: ' + message);
});
答案 0 :(得分:-1)
问题是您的套接字仅在用户连接时发出消息,但从不为套接字创建任何其他“事件”以进行侦听。因此,代码的逻辑有点令人困惑。您的前端在收到消息时发出http请求。但是,当后端收到http请求时会创建套接字服务器。您的问题是由逻辑引起的。
当我在node.js中使用socket.io时,我总是在定义我的服务器时声明套接字:
io.on("connection", (socket) => {
console.log("A user connected");
// Trigger an event when receive a message
socket.on("event1", (data, callback) => {
});
// Emit a message when server did something
// I used amqp to communicate within backend server
// You can simply pass socket to wherever you want to emit the message
amqpReceiver("event2" + socket.id, (msg) => {
socket.emit("event2", msg);
});
// This is an emit example for you
// Having a service claimed here makes your code hard to read
// You can find a lot of ways to pass your socket
app.post("/usersacces/add", function (req, res) {
// Emit message during service process
socket.emit("event3", msg);
});
});
然后在前端我听这样的事件:
socket.on("event3", (message) => {
console.log(message);
})
// Make request outside of socket.on callback
$.ajax({ url: "/usersacces" })
.done(function(data) {})
我的代码的逻辑是:
首先设置套接字连接并保持前端和后端监听。然后在需要时触发发射事件。
希望它有用。