JQuery AJAX NodeJs 构建简陋聊天室

最新推荐文章于 2022-01-17 20:08:24 发布

奋斗的小小骚年

最新推荐文章于 2022-01-17 20:08:24 发布

阅读量180

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/qq_41654985/article/details/79904686

版权

3 篇文章 0 订阅

订阅专栏

	//html 文件 <!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Title</title>
	<style>
	#user
	{
	width: 80px;
	}
	#msg
	{
	width: 450px;
	}
	</style>
	<script src="js/jquery-3.2.1.js"></script>
	</head>
	<body>
	<textarea rows="30" cols="80" id="chatArea" readonly></textarea><br>
	<input id="user" type="text">:
	<input id="msg" type="text">
	<button>发送</button>
	<script>
	$("button").click(function () {
	var msg={name:$("#user").val(),msg:$("#msg").val()};
	if(msg.name.trim().length===0 \|\| msg.msg.trim().length===0) return;
	sendMsg(msg)
	});
	setInterval(sendMsg,16);
	function sendMsg(msg) {
	$.post("http://192.168.27.57:3002",msg,function (res) {
	res=JSON.parse(decodeURIComponent(res));
	var str="";
	for(var i=0;i<res.length;i++){
	str+=res[i].name+":"+res[i].msg+"\n"
	}
	$("#chatArea").val(str)
	})
	}
	</script>
	</body>
	</html> // nodeJs var http=require("http"); var querystring=require("querystring"); var chatList=[]; var server=http.createServer(function(req,res){ var msg=""; req.on("data",function (data) { msg+=data; }); req.on("end",function () { if(msg){ var s=querystring.parse(msg); chatList.push(s); if(chatList.length>20){ chatList.shift(); } } res.writeHead(200,{"Content-Type":"text/plain","Access-Control-Allow-Origin":"*"}); res.write(encodeURIComponent(JSON.stringify(chatList))); res.end(); }) }); server.listen(3002,"192.168.27.57",function(){ console.log("开始监听..."); });