javascript - AJAX 拉取后淡入 DIV

Question

我有一段讨厌的代码 :P 使用 AJAX 更新一个 div，但我很想看到它的淡入效果。问题是，我有一个图像加载并出现在 div 尚未显示任何内容的时间间隔内。分析它的底部。我该怎么做才能让它淡出？

function testing(str)
{
var xmlhttp;
if (str=="")
  {
  document.getElementById("myDiv").innerHTML="";
  return;
  }
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {

    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
$('#myDiv').html('<div style="text-align:center; padding-top:195px;"><img src="../images/loaderajax.gif" width="220" height="19" /></div>');
xmlhttp.open("GET","getuser.php?q="+str,true);
$('#myDiv').hide();
xmlhttp.send();
$('#myDiv').fadeIn();
}

Answer 1

如果您同意包装返回的内容，我会在 ajax 响应中做这样的事情:

$("<div/>").html(xmlhttp.responseText).appendTo("#myDiv").hide().fadeIn();

这将允许您的图像在新内容中显示并仅淡入淡出。