AJax 加载动画答案

【问题标题】：AJax Loading AnimationAJax 加载动画
【发布时间】：2011-03-31 22:43:36
【问题描述】：

请在此脚本的哪个位置添加加载动画（请稍候...）该脚本是一个分页脚本

var xmlHttp

function pagination(page)
{
xmlHttp=GetXmlHttpObject();
if (xmlHttp==null)
  {
  alert ("Your browser does not support AJAX!");
  return;
  }
var url="../test_sub.php";
url = url+"?starting="+page;
//url = url+"&search_text="+document.form1.search_text.value;
url=url+"&sid="+Math.random();
xmlHttp.onreadystatechange=stateChanged;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
} 



function stateChanged() 
{ 
if (xmlHttp.readyState==4)
{ 
document.getElementById("page_contents").innerHTML=xmlHttp.responseText;
}
}

function GetXmlHttpObject()
{
var xmlHttp=null;
try
  {
  // Firefox, Opera 8.0+, Safari
  xmlHttp=new XMLHttpRequest();
  }
catch (e)
  {
  // Internet Explorer
  try
    {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
  catch (e)
    {
    xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
  }
return xmlHttp;
}

【问题讨论】：

标签： javascript pagination

【解决方案1】：

之前：

xmlHttp.send(null);

您显示这样的消息，然后在以下位置将其删除：

document.getElementById("page_contents").innerHTML=xmlHttp.responseText;

因为那时它已经完成加载了。

【讨论】：