空闲时间博主自己弄了个还算有趣的小玩意儿,是一个在线聊天的网站,先不多说,看看效果图。
用户在姓名栏输入自己的姓名(因为没有做注册的页面,所以姓名是自己输入的),内容的话在编译器的方框里面输入,可以输入表情,图片,包括插入百度地图等等,如标题
为什么说实时聊天,因为如果同一时间有其他用户在发布聊天信息,那么网站会把该内容给刷新出来,而不需要刷新页面。
如果熟悉jQuery的朋友,肯定就知道了,这是用到了jQuery中的Ajax技术,代码如下
<script type="text/javascript">
function getMessage() {
$.post("Webservice.aspx",//服务端页面
function (data) {
$("#one").html(data);
})
}
$(function () {
setInterval("getMessage()",1000);
}
)
</script>
</head>
$.post方法会向服务端页面不停的发送请求,而setInterval函数则在每1000毫秒的时间执行一次