使用Node.js通过AJAX请求从Redis检索数据

时间:2014-06-27 14:29:00

标签: javascript ajax node.js

我正在浏览NodeExpress和& 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"}

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(""));
    });