我正在浏览Node
,Express
和& Socket.io
聊天教程。我决定使用Redis
存储聊天记录并成功进行设置,以便我的信息正确地发布到数据库。我现在正试图访问该信息以在客户端使用(在这种情况下,我试图访问当前聊天中的用户列表,以便我可以将它们显示在聊天的一侧)。我正在使用$.getJSON
发出GET
请求。现在我设置它,以便它尝试访问的文件只有JSON
对象:{"dog" : "2","cat":"3"}
只是为了测试它,这是有效的,但我不知道该去哪里因为我随时尝试在该文件中添加一个函数,即使我指定返回一个JSON对象并调用该函数,该请求也会停止返回正确的信息。
例如我试过:
var data = function(){
return {"dog" : "2","cat":"3"}
}
data();
并且没有返回任何内容(我了解当我发出GET
请求时,该功能不会运行,但它甚至不会返回该文本,如果是没有运行一个功能,我不知道如何从这个文件访问redis)
以下是我的想法:
var redis = require('redis')
//figure out how to access the redis client that I have at localhost:6379, something like var db = redis.X
//and then call (for example) db.smembers('onlineUsers') and be returned the object which I can iterate through
这是我的相关代码:
server.js:
var jade = require('jade');
var PORT = 8080;
var redis = require('redis');
var db = redis.createClient();
var pub = redis.createClient();
var sub = redis.createClient();
var http = require('http');
var express = require('express');
var app = express();
var server = http.createServer(app);
var io = require('socket.io').listen(server);
server.listen(PORT, function(){
console.log("Now connected on localhost:" + PORT)
});
app.set('views', __dirname + '/views');
app.set('view engine', 'jade');
app.set("view options", {layout: false});
app.use(express.static(__dirname + '/public'));
app.get('/', function(req, res){
res.render('home');
});
io.sockets.on('connection', function(client){
sub.subscribe("chatting");
sub.on("message", function (channel, message) {
console.log("message received on server from publish");
client.send(message);
});
client.on("sendMessage", function(msg) {
pub.publish("chatting",msg);
});
client.on("setUsername", function(user){
pub.publish("chatting","A new user in connected:" + user);
db.sadd("onlineUsers",user);
}
);
client.on('disconnect', function () {
sub.quit();
pub.publish("chatting","User is disconnected :" + client.id);
});
});
script.js:
$(document).ready( function(){
$client = io.connect();
initialize();
});
var setUsername = function(){
var username = $("#usernameInput").val();
if (username)
{
var user = username;
$client.emit('setUsername', username);
$('#chatControls').show();
$('#usernameInput').hide();
$('#usernameSet').hide();
showCurrentUsers();
}
}
var showCurrentUsers = function(){
$('#list_of_users').empty();
$.getJSON('getusers.js', function(data){
for (var i = 0; i < data.length; i++){
$('list_of_users').append("<li>"+data[i]+"</li>")
}
})
}
var sendMessage = function(){
var msg = $('#messageInput').val();
var username = $("#usernameInput").val();
if (msg)
{
var data = {msg: msg, user: username}
$client.emit('message', data);
addMessage(data);
$('#messageInput').val('');
// populate(username,msg);
}
}
var addMessage = function(data) {
$("#chatEntries").append('<div class="message"><p>' + data.user + ' : ' + data.msg + '</p></div>');
}
// var populate = function(username,msg) {
// var data ;
// }
var initialize = function(){
$("#chatControls").hide();
$("#usernameSet").on('click', setUsername);
$("#submit").on('click',sendMessage);
showCurrentUsers();
}
现在getusers.js
文件中的所有内容都是:
{"dog" : "2","cat":"3"}
答案 0 :(得分:3)
看起来您希望调用$ .getJSON来加载并执行它加载的javascript。它没有这种方式。您需要创建一个呈现JSON的节点端点(通过路由)。然后,节点端点将执行数据操作/查询redis:
节点:
在routes.js中:
app.get('/chatdata', ChatController.getChatData);
在ChatController.js中(操作,在此处创建数据)
exports.getChatData = function (req, res) {
var data = function(){
return {"dog" : "2","cat":"3"}
};
res.JSON(data);
};
前端
$.getJSON('getChatData', function(data){
//...
})
答案 1 :(得分:0)
我认为您需要设置一个路由来处理$ .getJSON生成的GET请求,或者如果getusers.js位于/ public目录中,那么您需要修改$ .getJSON调用,如下所示:
$.getJSON('http://localhost:8080/public/getusers.js', function(data){
答案 2 :(得分:0)
好的,看起来你的getusers.js文件存在问题。 $ .getJSON似乎更喜欢双引号。尝试将其格式化为:
{
"dog" : "2",
"cat" : "3"
}
另外,尝试使用它来显示数据:
$.getJSON('getusers.js', function(data){
var items = [];
$.each( data, function( key, val ) {
items.push("<li id='" + key + "'>" + val +"</li>");
});
$('#list_of_users').append(items.join(""));
});