HTML5技术

网页实时聊天之js和jQuery实现ajax长轮询 - 枕边书(2)

字号+ 作者:H5之家 来源:博客园 2015-11-14 17:14 我要评论( )

var link={ // jQuery的AJAX执行的配置对象 type: "GET", // 设置请求方式,默认为GET, async: true , // 设置是否异步,默认为异步 url: "customback.php" ,dataType: "json", // 设置期望的返回格式,因服务器返

var link={           //jQuery的AJAX执行的配置对象 type:"GET",      //设置请求方式,默认为GET, async:true,      //设置是否异步,默认为异步 url:"customback.php", dataType:"json",    //设置期望的返回格式,因服务器返回json格式,这里将数据作为json格式对待 success:function (msg){    process...   setTimeout("link()",300); }              //成功时的回调函数,处理返回数据,并且延时建立新的请求连接 } $.ajax(link);          //执行ajax请求。

程序扩充:

添加发送聊天窗口:

新建一个函数用来处理ajax的POST请求,用ajax将发信人,每次发送的信息,收信人发送到服务器端,并设置一个单独的PHP脚本处理信息,将信息插入数据库。

需要注意的是,用JS原生实现POST请求发送信息时,要设置ajax对象的HTTP头,模拟表单提交的操作:

xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");

聊天室消息处理:

为了防止每次都查询到全部信息,我们对数据库的查询操作更改一下,设置idflag=0,每次查询后,设置idflag为查询到的数据的id,查询时我们查询比idflag大的ID,即,新添加进去的信息。

这样,一个简单的聊天室程序就做好了。

 

如果您觉得本博文对您有帮助,您可以推荐或关注我,如果您有什么问题,可以在下方留言讨论,谢谢。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 网页适应所有屏幕宽度 - 侧耳倾听一场梦

    网页适应所有屏幕宽度 - 侧耳倾听一场梦

    2017-04-22 10:00

  • 网页版扫雷游戏 - 季末的寂寞

    网页版扫雷游戏 - 季末的寂寞

    2017-04-21 13:00

  • 基于CSS的个人网页 - 汕大-吴广林

    基于CSS的个人网页 - 汕大-吴广林

    2017-04-21 12:00

  • 调取百度地图接口,实现取自己的实时位置,然后可以在百度地图上添加信息标注 - QISHUANG

    调取百度地图接口,实现取自己的实时位置,然后可以在百度地图上添加

    2017-04-18 10:02

网友点评
s