致力于php/ajax聊天系统

Question

我一直在开发一种 ajax/php 聊天系统，用户可以在其中明显地互相聊天。我担心服务器负载，它最初的编程方式是每 x 秒自动刷新 div（聊天框），它只会这样做，因为用户处于活动状态，因为我超时了他们的不活动状态。如果它们保持不活动状态 10 分钟左右，它们将显示为空闲，然后系统将停止刷新。然后我研究了 HTML5 的服务器发送事件，它运行良好，但并非所有浏览器都可以使用它。

有谁有更好的解决方案或者div刷新现在可以吗？希望有人帮忙谢谢！

Answer 1

考虑使用 COMET，或者看一下 Ajax Push Engine：链接

使用 COMET 的聊天系统的示例： 链接

Answer 2

// jQuery Document
$(document).ready(function(){
});

//jQuery Document
$(document).ready(function(){
	//If user wants to end session
	$("#exit").click(function(){
		var exit = confirm("Are you sure you want to end the session?");
		if(exit==true){window.location = 'index.php?logout=true';}		
	});
});

//If user submits the form
$("#submitmsg").click(function(){
		var clientmsg = $("#usermsg").val();
		$.post("post.php", {text: clientmsg});				
		$("#usermsg").attr("value", "");
		loadLog;
	return false;
});

function loadLog(){		
	var oldscrollHeight = $("#chatbox").attr("scrollHeight") - 20; //Scroll height before the request
	$.ajax({
		url: "log.html",
		cache: false,
		success: function(html){		
			$("#chatbox").html(html); //Insert chat log into the #chatbox div	
			
			//Auto-scroll			
			var newscrollHeight = $("#chatbox").attr("scrollHeight") - 20; //Scroll height after the request
			if(newscrollHeight > oldscrollHeight){
				$("#chatbox").animate({ scrollTop: newscrollHeight }, 'normal'); //Autoscroll to bottom of div
			}				
	  	},
	});
}

setInterval (loadLog, 1000);
</script>