javascript – ajax异步请求数据，ios屏幕闪动

做一个聊天页面，ajax异步请求数据时，不论有无数据返回，ios都会闪动一下，而android不会闪动 ，这是怎么回事，该如何解决

<code>$(document).ready(function(){        $('.loading_box').attr('style','display:none');        ajaxform();        window.setInterval("ajaxform()",3000);     });    function ajaxform(){    var id=$(".main_box ul li:last-child").find('.delete_btn').attr('field');//alert(id);    $.post(        "{:U('App/Friends/ajaxform')}",        {"openid":openid,"id":id},        function(data){          if (data) {            var str = "";console.log(data);            $.each(data, function(index, array) {              if(array['openid']==openid){                if(array['type']==0){                  //普通文字或图片                  str='<li class="chart-right"><div class="chart_text_box"><div class="jieshao"><p>'+array['uname']+'</p><p>'+array['time']+'</p></div><div class="chart_text_qipao_right"><p>'+array['content']+'</p></div><div class="operation_box"><div class="delete_btn">删除</div></div></div><div class="persion_img_right"><font></font></div></li>';                }else{                  //我的霸屏                  str='<li class="chart-right"><div class="chart_text_box"><div class="jieshao"><p>'+array['uname']+'</p><p>'+array['time']+'</p></div><div class="chart_text_qipao_right"><p><i class="money_text">重金霸屏'+arr[array['type']]+'秒</i>'+array['content'];                  if(array['img']!=""){                    str+='<font class="chart_img"></font>';%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20}%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20str+='</p></div><div><div>删除</div></div></div>%20<div><font></font></div> </li>';                }                }else{                if(array['type']==0){                  //普通文字或图片                  str = ' <li class="chart-left"><div class="persion_img_left"><font></font></div> <div class="chart_text_box"><div class="jieshao"><p>'+array['uname']+'</p><p>'+array['time']+'</p></div><div class="chart_text_qipao_left"><span class="sanjiao_left"></span><p>'+array["content"]+'</p></div>';                  if(isadmin){                    str+='<div class="operation_box"><div class="delete_btn">删除</div> <div class="blacklist">拉黑</div></div>';                  }                  str+='</div> </li>';                }else{                  //他人霸屏                  str='<li class="chart-left "><div class="persion_img_left"><font></font></div> <div class="chart_text_box"><div class="jieshao"><p>'+array['uname']+'</p><p>'+array['time']+'</p></div><div class="chart_text_qipao_left"><span class="sanjiao_left"></span><p><i class="money_text">重金霸屏'+arr[array['type']]+'秒</i>'+array['content'];                  if(array['img']!=""){                    str+='<font class="chart_img"></font>';%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20}%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20str+='</p></div>';%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(isadmin){%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20str+='<div><div>删除</div>%20<div>拉黑</div></div>';%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20}%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20str+='</div>%20</li>';%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20}%20%20%20%20%20%20%20%20%20%20%20%20%20%20}%20%20%20%20%20%20%20%20%20%20%20%20%20%20$(".main_box%20ul").append(str);%20%20%20%20%20%20%20%20%20%20%20%20%20%20$('.main_box').scrollTop(%20$('.main_box')[0].scrollHeight%20);%20%20%20%20%20%20%20%20%20%20%20%20});%20%20%20%20%20%20%20%20%20%20}%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20}%20%20%20%20);}</code>

%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20

%20%2本文@来#源gaodai$ma#com搞$$代**码网搞代gaodaima码0%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20

回复内容：

%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20

做一个聊天页面，ajax异步请求数据时，不论有无数据返回，ios都会闪动一下，而android不会闪动%20，这是怎么回事，该如何解决

$(document).ready(function(){%20%20%20%20%20%20%20%20$('.loading_box').attr('style','display:none');%20%20%20%20%20%20%20%20ajaxform();%20%20%20%20%20%20%20%20window.setInterval("ajaxform()",3000);%20%20%20%20%20});%20%20%20%20function%20ajaxform(){%20%20%20%20var%20id=$(".main_box%20ul%20li:last-child").find('.delete_btn').attr('field');//alert(id);%20%20%20%20$.post(%20%20%20%20%20%20%20%20"{:U('App/Friends/ajaxform')}",%20%20%20%20%20%20%20%20{"openid":openid,"id":id},%20%20%20%20%20%20%20%20function(data){%20%20%20%20%20%20%20%20%20%20if%20(data)%20{%20%20%20%20%20%20%20%20%20%20%20%20var%20str%20=%20"";console.log(data);%20%20%20%20%20%20%20%20%20%20%20%20$.each(data,%20function(index,%20array)%20{%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(array['openid']==openid){%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(array['type']==0){%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20//普通文字或图片%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20str='
'+array['uname']+'
'+array['time']+'
'+array['content']+'
删除
';                }else{                  //我的霸屏                  str='
'+array['uname']+'
'+array['time']+'
重金霸屏'+arr[array['type']]+'秒'+array['content'];                  if(array['img']!=""){                    str+='';%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20}%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20str+='
删除
%20
 
';                }                }else{                if(array['type']==0){                  //普通文字或图片                  str = ' 
 
'+array['uname']+'
'+array['time']+'
'+array["content"]+'
';                  if(isadmin){                    str+='
删除
 
拉黑
';                  }                  str+='
 
';                }else{                  //他人霸屏                  str='
 
'+array['uname']+'
'+array['time']+'
重金霸屏'+arr[array['type']]+'秒'+array['content'];                  if(array['img']!=""){                    str+='';                  }                  str+='
';                  if(isadmin){                    str+='
删除
 
拉黑
';                  }                  str+='
 
';                }              }              $(".main_box ul").append(str);              $('.main_box').scrollTop( $('.main_box')[0].scrollHeight );            });          }                             }    );}

闪动是页面刷新了，看是否有重新渲染页面的代码。

喜欢 (0)赏

[搞代码]

分享 (0)