htmlからサーバーサイドにデータを送る際に、自分の書いた下のコードだと、コンソール上にdataが書かれません。
何がいけないのでしょうか?(socket.ioが機能していないのかも...)
ちなみにドットインストールを参考にしてコードを書きました。
js
1var app = require("http").createServer(handler), 2 io = require("socket.io").listen(app) , 3 fs = require("fs") ; 4//listenでサーバー組み立てに紐つけた。 5 6app.listen(3000) ; 7console.log("server start!"); 8 9function handler(req,res){ 10 fs.readFile(__dirname+"/index.html",function(err,data){ 11 if(err){ 12 res.writeHead(500); 13 return res.end("Error"); 14 } 15 16 res.writeHead(200); 17 res.write(data); 18 res.end(); 19 20}) 21} 22//クライアントからのemitを待ち受ける 23io.sockets.on("connection",function(socket){ 24 socket.on("emit_data",function(data){ 25 console.log(data); 26 }); 27}); 28
html
1 2<!DOCTYPE html> 3<html lang="ja"> 4 <head> 5 <meta charset="utf-8"> 6 <title>socket.io</title> 7 </head> 8 <body> 9 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> 10 </script> 11 <script src="/socket.io/socket.io.js"></script> 12 13 <form name="myid"> 14 <input type="text" name="msg"> 15 <input type="submit" value="送信"> 16 <script> 17 function(){ 18 var socket = io.connect(); 19 $('form[name="myid"]').submit(function(){ 20 socket.emit("emit_data",$('input[name="msg"]').val()); 21}); 22}; 23 </script> 24 </body> 25</html> 26
あなたの回答
tips
プレビュー