做一个聊天页面，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>
<div class="aritcle_card">
<a class="aritcle_card_img" href="/ai/1026">
<img src="https://img.php.cn/upload/ai_manual/000/000/000/175680028066678.png" alt="闪念贝壳">
</a>
<div class="aritcle_card_info">
<a href="/ai/1026">闪念贝壳</a>
<p>闪念贝壳是一款AI 驱动的智能语音笔记，随时随地用语音记录你的每一个想法。</p>
<div class="">
<img src="/static/images/card_xiazai.png" alt="闪念贝壳">
<span>53</span>
</div>
</div>
<a href="/ai/1026" class="aritcle_card_btn">
<span>查看详情</span>
<img src="/static/images/cardxiayige-3.png" alt="闪念贝壳">
</a>
</div>
<p><span>立即学习</span>“<a href="https://pan.quark.cn/s/c1c2c2ed740f" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">Java免费学习笔记（深入）</a>”；</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" field="'+array['id']+'">删除</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><span>立即学习</span>“<a href="https://pan.quark.cn/s/c1c2c2ed740f" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">Java免费学习笔记（深入）</a>”；</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>';
}
str+='</p></div><div class="operation_box"><div class="delete_btn" field="'+array['id']+'">删除</div></div></div> <div class="persion_img_right">@@##@@<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><span>立即学习</span>“<a href="https://pan.quark.cn/s/c1c2c2ed740f" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">Java免费学习笔记（深入）</a>”；</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" field="'+array['id']+'">删除</div> <div class="blacklist" field="'+array['openid']+'">拉黑</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><span>立即学习</span>“<a href="https://pan.quark.cn/s/c1c2c2ed740f" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">Java免费学习笔记（深入）</a>”；</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>';
}
str+='</p></div>';
if(isadmin){
str+='<div class="operation_box"><div class="delete_btn" field="'+array['id']+'">删除</div> <div class="blacklist" field="'+array['openid']+'">拉黑</div></div>';
}
str+='</div> </li>';
}
}
$(".main_box ul").append(str);
$('.main_box').scrollTop( $('.main_box')[0].scrollHeight );
});
}
}
);
}</code>做一个聊天页面，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><span>立即学习</span>“<a href="https://pan.quark.cn/s/c1c2c2ed740f" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">Java免费学习笔记（深入）</a>”；</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" field="'+array['id']+'">删除</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><span>立即学习</span>“<a href="https://pan.quark.cn/s/c1c2c2ed740f" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">Java免费学习笔记（深入）</a>”；</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>';
}
str+='</p></div><div class="operation_box"><div class="delete_btn" field="'+array['id']+'">删除</div></div></div> <div class="persion_img_right">@@##@@<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><span>立即学习</span>“<a href="https://pan.quark.cn/s/c1c2c2ed740f" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">Java免费学习笔记（深入）</a>”；</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" field="'+array['id']+'">删除</div> <div class="blacklist" field="'+array['openid']+'">拉黑</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><span>立即学习</span>“<a href="https://pan.quark.cn/s/c1c2c2ed740f" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">Java免费学习笔记（深入）</a>”；</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>';
}
str+='</p></div>';
if(isadmin){
str+='<div class="operation_box"><div class="delete_btn" field="'+array['id']+'">删除</div> <div class="blacklist" field="'+array['openid']+'">拉黑</div></div>';
}
str+='</div> </li>';
}
}
$(".main_box ul").append(str);
$('.main_box').scrollTop( $('.main_box')[0].scrollHeight );
});
}
}
);
}</code>
闪动是页面刷新了，看是否有重新渲染页面的代码。
java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
323
收藏
