套接字獲取時未更新的瀏覽器

我正在嘗試創建一個聊天系統。它是： enter image description here 套接字獲取時未更新的瀏覽器

頂部字段採用用戶的名字，而底部textarea採取消息。一旦用戶按下輸入，中間的textarea（禁用）將使用新記錄進行更新。這是使用nodejs套接字完成的。我的問題是，如果我打開谷歌瀏覽器的另一個實例，並輸入其他谷歌瀏覽器textarea不更新。我很困惑，因爲我的代碼應該涵蓋這種情況：

這是處理插入的server.js代碼。插入它後，它會發出一個插入最後一個插入的套接字，以便index.html可以自行更新。

io.sockets.on("connection",function(socket){ 
socket.on("send",function(data){ 

    mongodb.connect("mongodb://127.0.0.1:27017/myDatabase",function(err,db){ 
     if(err) throw err; 
     var to_be_inserted = {name: data.name,content: data.content}; 
     db.collection("chat").insert(to_be_inserted,function(err,objects){ 
      if(err) throw err; 

      var cursor = db.collection("chat").find().sort({_id: -1}).limit(1); 

      cursor.toArray(function(err,docs){ 
       console.log("abc"); 
       socket.emit("data_to_be_printed",docs); 
      }); 

     }); 
    }) 
})

}）

正如你可以看到，一旦數據被插入的插座被髮射含有分貝的最後一行。 index.html應該通過更新自己來處理這個套接字。以下是處理它的代碼：

  <script> 
      var socket = io.connect("127.0.0.1:1337"); 


      socket.on("data_to_be_printed",function(cursor){ 

       var completed = document.getElementById("chatArea").value; 
       for(var i=0; i < cursor.length; i++) 
       { 
        console.log(cursor[i].name + " wrote: " + cursor[i].content); 
        var name = cursor[i].name; 
        var content = cursor[i].content; 
        var name_to_go = name.replace("/\r?\n|\r/g",""); 
        var content_to_go = content.replace("/\r?\n|\r/g",""); 
        completed+="\n" + name_to_go + ": " + content_to_go; 



       } 

       document.getElementById("chatArea").value = completed; 

      }); 

       function keyfunction(e) 
       { 

        if((e.keyCode == 13 || e.which == 13) && !e.shiftKey) 
        { 
         socketEmitDb(); 

        } 

       } 

       function socketEmitDb() 
       { 
        var name = document.getElementById("name").value; 
        var content = document.getElementById("writtenThing").value; 
        console.log("Name: " + name + " |||| content: " + content); 

        document.getElementById("name").value=""; 
        document.getElementById("writtenThing").value=""; 
        if(name.length > 0 && content.length > 0) 
        { 

         socket.emit("send",{"name": name,"content": content}); 

        }else 
        { 
         alert("Make sure that the name and the message is not empty"); 
        } 

       } 

     </script>

套接字是否應該朝向所有打開的套接字發射？

來源

2014-02-19 Bula

在您的服務器程序中將socket.emit更改爲io.sockets.emit。

socket.emit將發送消息到特定的連接的套接字（客戶端）。 io.sockets.emit將發送消息到所有連接的套接字（客戶端）

來源

2014-02-19 11:51:28 vinayr

因此來自回調參數的套接字只是剛剛連接的套接字？ – Bula

這是正確的。 – vinayr

套接字獲取時未更新的瀏覽器

回答

相關問題