关于信息答复异步刷新问题

  思路:用前端数据,每隔几秒向后台获取数据,后台根据时间获取用户最近几秒内的回复。   

    后台思路以数据判断对数据进行提取,这个不用多讲,一般都知道如何获取数据。关键来了,前台如何处理,这个就必须用到js中的setTimeout方法,该方法需要重复调用,相当于递归才能产生效果。所以开始时运行一次,写入函数内重复调用,页面不关闭就可以不断的从后台获取最新数据。

小代码

  function getnewchat(){
            //后台数据获取
   $.get("{weixin::U('Index/ajaxdata',array('openid'=>htmlspecialchars($_GET['openid'])))}",
  function(data){
if(data!= 1564){
                                //后台拿到数据后,对其做样式添加
$str1='<div class="chatItem you"><div class="chatItemContent"> <img class="avatar" src="<if condition="$userInfo['headimgurl'] neq ''">index.php?g=Chat&m=Index&a=showExternalPic&url={weixin:$userInfo.headimgurl}<else/>/tpl/Chat/default/style/css/img/avatar_default17ced3.png</if>"/> <div class="cloud cloudText"> <div class="cloudPannel" style=""> <div class="sendStatus">   </div> <div class="cloudBody"> <div class="cloudContent">                                  <pre style="white-space:pre-wrap">'+data+'</pre>  </div>  </div> <div class="cloudArrow "></div> </div> </div> </div>  </div>';
//附加到最后。
$('#chat_chatmsglist').append($str1);
                                        //一个滚动效果,我抄的
$('#chat_scorll').scrollTop($('#chat_scorll').children().height()+100);
}
  });
         //循环,一段时间内重新处理该函。达到重复提取后台数据效果
setTimeout("getnewchat()",3000);
  }
setTimeout("getnewchat()",3000);


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值