如何让socket.io + ejs + mongoose正常工作？

我的目标是每当有人按下接受按钮，它会自动增加导航栏上的通知。如何让socket.io + ejs + mongoose正常工作？

逻辑

1）一种管理员按接受按钮

2）用户导航栏会听通知事件，并且将增加计数的数目和消息附加到li元素。

下面是IM希望socket.io通知的图片会更新

但是我没有看到任何实时更新

下面的代码

的socket.io客户端

<script src="https://cdn.socket.io/socket.io-1.2.0.js"></script> 
<script> 
    var socket = io.connect('http://localhost:3000'); 
    $('form').submit(function(){ 
    var companyName = $("#companyName").val(); 
    var notification = "Accepted by " + companyName; 
    var user_id = $('#candidate_id').val(); 
    var notificationCount = parseInt($('#notification').html()); 
    noticationCount += 1; 
    socket.emit('notify', {notification: notification, userId: user_id, count: notificationCount}); 
    }); 
    socket.on('notify', function(msg){ 
    $('#notification').html(msg.count); 
    $('#addNotification').append($('<li>').text(msg.notification)); 
    }); 
</script>

HTML（EJS）代码 - 这是它应该更新的地方。

<li class="dropdown notifications-menu"> 

      <span id='notification' class="label label-warning"><%= user.notifications.length %></span> 
      </a> 
      <ul class="dropdown-menu"> 

      <li> 

       <ul class="menu" id="addNotification"> 
       <% for(var i=0; i < user.notifications.length; i++) { %> 
       <li><!-- start notification --> 
        <a href="#"> 
        <i class="fa fa-users text-aqua"></i> <%= user.notifications[i] %> 
        </a> 
       </li> 
       <% } %> 
       </ul> 
      </li> 

      </ul> 
     </li>

Serverside集团

io.on('connection', function(socket){ 
    socket.on('notify', function(msg){ 

     User.findById({ _id: msg.userId}, function(err, found) { 
     if (typeof found === 'undefined') { 
      // Do something but what should I do?s 
     } else { 
      found.notifications.push(msg.notification); 
      found.save(function(err) { 
      console.log(msg.notification); // Doesnt even console.log the data. 

      }); 
     } 
     }); 
    }); 
});

再次我的目标是

1）有人提交按钮，它会根据其tag's id像id="user_id"发出的所有隐藏的输入值。

2）socket.on（“通知”） - >将听取和通过定向html标签

3）将数据保存到数据库中的ID进行实时更新。

但是，上面的实现，我不得不刷新它，然后我可以看到结果。但如果我加入这一行socket.io客户方代码

var notificationCount = parseInt($('#notification').html()); 
     noticationCount += 1;

它甚至不会将它保存到数据库中，还有什么地方可以实时更新。我

请借给我你的实时知识:)

来源

2015-11-19 Jack Moscovi

1）你不应该包括来自CDN socket.js文件，它是应该被载入像

<script src="http://localhost:3000/socket.io/socket.io.js"></script>

你不” t需要在项目文件夹中的任何地方保存socket.io.js文件，这是由socket.io模块处理的

2）我看到代码接收客户端消息到服务器，而不是从那里返回到客户端。它看起来就像这样（广播）

io.on('connection', function(socket){ socket.on('notify', function(msg){ // pass notification & count to client io.emit('notify', {notification:msg.notification, count:your_msg_count}); ....

我不打算深入到你的代码，希望这将解决您的问题。

来源

2016-02-04 14:12:24 mestarted

如何让socket.io + ejs + mongoose正常工作？

回答

相关问题