ajax在Web2.0中的技术应用实例

 案例一：以文本字符串responseText的方式返回服务器的响应来验证

function getXMLRequester( )
{
  var xmlhttp_request = false;
  try
  {
    if(window.ActiveXObject)
    {
      for(var i=5;i;i--)
      {
        try
        {
          if(i==2)
          {
             xmlhttp_request = new ActiveXObject("Microsoft.XMLHTTP");
          }
          else
          {
             xmlhttp_request = new ActiveXObject("Msxml2.XMLHTTP." + i + ".0");
             xmlhttp_request.setRequestHeader("Content-Type","text/xml");
             xmlhttp_request.setRequestHeader("Content-Type","gb2312");
          }
          break;
        }
        catch(e)
        {
          xmlhttp_request = false;
        }
      }
    }
    else if(window.XMLHttpRequest)
    {
      xmlhttp_request = new XMLHttpRequest();
      if(xmlhttp_request.overrideMimeType)
      {
         xmlhttp_request.overrideMimeType('text/xml');
      }
    }
  }
  catch(e)
  {
     xmlhttp_request = false;
  }
  return xmlhttp_request ;
}

//定义收到服务器的响应后需要执行的JavaScript函数
function IDRequest(n)
{
  //定义网址参数
  url=n+document.getElementById('163id').value;
  //调用创建XMLHttpRequest的函数
  xmlhttp_request=getXMLRequester();
  //调用doContents函数
  xmlhttp_request.onreadystatechange = doContents; 
  xmlhttp_request.open('GET', url, true);
  xmlhttp_request.send(null);
}

function doContents()
{
  // 收到完整的服务器响应
  if(xmlhttp_request.readyState == 4)
  {
     //HTTP服务器响应的值OK
     if(xmlhttp_request.status == 200)
     {
       //将服务器返回的字符串写到页面中ID为message的区域
       document.getElementById('message').innerHTML = xmlhttp_request.responseText;
     }
     else
     {
       alert(http_request.status);
     }
  }
}

 

 

案例二：以XMLDocument对象方式返回服务器的响应来验证

function getXMLRequester( )
{
  var xmlhttp_request = false;
  try
  {
    if(window.ActiveXObject)
    {
      for(var i=5;i;i--)
      {
        try
        {
          if(i==2)
          {
             xmlhttp_request = new ActiveXObject("Microsoft.XMLHTTP");
          }
          else
          {
             xmlhttp_request = new ActiveXObject("Msxml2.XMLHTTP." + i + ".0");
             xmlhttp_request.setRequestHeader("Content-Type","text/xml");
             xmlhttp_request.setRequestHeader("Content-Type","gb2312");
          }
          break;
        }
        catch(e)
        {
          xmlhttp_request = false;
        }
      }
    }
    else if(window.XMLHttpRequest)
    {
      xmlhttp_request = new XMLHttpRequest();
      if(xmlhttp_request.overrideMimeType)
      {
         xmlhttp_request.overrideMimeType('text/xml');
      }
    }
  }
  catch(e)
  {
     xmlhttp_request = false;
  }
  return xmlhttp_request ;
}

//定义收到服务器的响应后需要执行的JavaScript函数
function IDRequest(n)
{
  //定义网址参数
  url=n+document.getElementById('163id').value;
  //调用创建XMLHttpRequest的函数
  xmlhttp_request=getXMLRequester();
  //调用doContents函数
  xmlhttp_request.onreadystatechange = doContents; 
  xmlhttp_request.open('GET', url, true);
  xmlhttp_request.send(null);
}

function doContents()
{
  // 收到完整的服务器响应
  if(xmlhttp_request.readyState == 4)
  {
     //HTTP服务器响应的值OK
     if(xmlhttp_request.status == 200)
     {
       //将服务器返回的字符串写到页面中ID为message的区域
       var response = xmlhttp_request.responseXML.documentElement;
       //返回result节点数据
       var result = response.getElementsByTagName('result')[0].firstChild.data;
       //此处以验证金山通行证账号是否存在，-2表示不存在，-1表示已存在
       if(result ==-2)
          document.getElementById('message').innerHTML = "用户名"+document.getElementById('163id').value+"尚未注册";
       else if(result ==-1)
          document.getElementById('message').innerHTML = "对不起,用户名"+document.getElementById('163id').value+"已经注册";
     }
     else
     {
       alert(http_request.status);
     }
  }
}