通过ajax和setInterval()函数,配合php+mysql实现一个简单的在线聊天室的功能。附带详细源码案例。这个聊天室是一个简单的聊天室,通过javascript setInterval()和ajax函数,不停的去获取服务器获取最新的聊天数据信息,并无刷新的写入到前台DOM中,来实现在线聊天的功能,这是一个比较笨的方法实现在线聊天室功能,不建议用于实际项目中。html代码:
实现一个简单的在线聊天室功能在线聊天
.chats { width:100%;max-height:295px;min-height:200px; height:auto; overflow-y:auto; }
.chatbtn { width:100%; padding:10px 10px; border-top:1px dashed #000;}
.chats .chatlist { width:100%; padding:10px 10px; min-height:24px; line-height:1.2; font-size:13px; text-align:left; }
.chats .chatlist .chattit { font-size:14px; }
.chats .chatlist .chattit span { margin-right:2px; }
.chats .chatlist .chatcon { font-size:13px; padding-left:10px; margin-top:6px;text-decoration: underline;}
发送
//js聊天代码
$(function(){
//获取聊天数据
setInterval(function(){
var star = $('#datachat').attr('data_num');
//判断是不是第一次加载,如果是第一次加载直接获取数据库最新的数据
//如果不是第一次加载,就不停的去获取服务器的最新聊天数据
if(star=='load'){
$.ajax({
url:'inc/chat.php?type=get_def',
type:'post',
cache:false,
dataType:'json',
success:function(data){
if(data !='error!'){