正文

ajax.js  
   
  /**  
    *   取得当前页面的url  
    *   可以在调用ajax_query前修改  
    **/  
  var   url   =   location.href.substr(0,   location.href.length-location.search.length);  
   
  /**  
    *   给Function对象添加一个取得函数名的方法  
    **/  
  Function.prototype.Name   =   function()   {  
      var   s   =   Function.prototype.Name.caller.toString();  
      return   s.split(/[\r\n]+/)[0].replace(/function\s+(\w+).+/g,   '$1');  
  }  
   
  /**  
    *   函数   $  
    *   功能   获取dhtml对象  
    *   参数   e   待查找的对象id或name  
    *   返回   成功：对象   失败：null  
    */  
  function   $(e)   {  
      var   tag   =   document.getElementById(e);  
      if(tag)   return   tag;  
      tag   =   document.getElementsByName(e);  
      if(tag.tagName   ==   undefined)   return   null;  
      return   tag;  
  }  
   
  /**  
    *   建立并返回XMLHTTP对象  
    *   说明   虽然Msxml2.XMLHTTP有着比Microsoft.XMLHTTP更优秀的性能，但是在配置较低的  
    *             环境下并不能正常工作。当确认能够正常工作时，再删去注释  
    **/  
  function   create_http()   {  
  if   (window.XMLHttpRequest)   return(new   XMLHttpRequest());  
  var   arr_t   =   new   Array(  
  "MSXML2.XMLHTTP.4.0",    
  "MSXML2.XMLHTTP.3.0",    
  "MSXML2.XMLHTTP.2.6",    
  // "MSXML2.XMLHTTP",  
  "Microsoft.XMLHTTP",    
  "MSXML.XMLHTTP"  
  );  
  for(var   i=0;   i<arr_t.length;   i++)   {  
  try   {  
  xmlhttp_ver   =   arr_t[i];  
  return   new   ActiveXObject(arr_t[i]);  
  }catch(e)   {}  
  }  
  return(null);  
  }  
   
   
  /**  
    *   函数   ajax_query  
    *   功能   向服务器发送指令，并处理返回数据  
    *   参数  
    *       method   服务器端方法名  
    *       tag       接受返回数据的dhml对象名，缺省时由服务器决定处理方式  
    *       其他     向服务器端传递的其他参数，可缺省  
    **/  
  function   ajax_query(method,   tag)   {  
  /**  
    *   尝试创建XMLHTTP对象  
    **/  
  var   xmlhttp;  
  xmlhttp   =   create_http();  
  if(!   xmlhttp)   {  
  alert('错误!   缺少连接组件');  
  return;  
  }  
   
  if(arguments.length   ==   0)   {  
  alert(Function.Name()+'至少需要一个方法名');  
  return;  
  }  
   
  var   data   =   'ajax='   +   method;  
  var   i   =   1;  
  if(tag   &&   $(tag))   {  
  data   =   data   +   '&ajaxtag='   +   tag;  
  i++;  
  }  
   
  /**  
    *   构造参数串  
    *   使用了encodeURIComponent函数对参数串进行编码  
    *   说明  
    *       encodeURIComponent函数是将传入的参数转换成utf-8编码以后再做URL编码，可以在  
    *   服务器端自动完成URL解码。注意URL解码后的是utf-8编码的串，需要自行完成到  
    *             所需编码的转换  
    *       escape函数是将传入的参数转换成unicode编码以后再做URL编码，在服务器端一般不  
    *             能全部完成URL解码。参数中的汉字将以%uhhhh的形式出现，处理上稍嫌麻烦  
    **/  
  for(;   i   <   arguments.length;   i++)   {  
  data   =   data   +   '&ajaxargs[]='   +   encodeURIComponent(arguments[i]);  
  }  
   
  /**  
    *   根据参数串的长度确定传输方式  
    **/  
  var   url0   =   ';  
  var   method,   post_data;  
  if(data.length   >=   2048)   {  
  method   =   'POST';  
  url0   =   url;  
  post_data   =   data;  
  }else   {  
  method   =   "GET";  
  url0   =   url   +   '?'   +   data;  
  post_data   =   ';  
  }  
   
  /**  
    *   建立到服务器的连接  
    **/  
  xmlhttp.open(method,   url0,   true);  
   
  /**  
    *   如果是POST传输方式则设置HTTP头信息  
    **/  
  if   (method   ==   "POST")   {  
  xmlhttp.setRequestHeader("Content-Type",   "application/x-www-form-urlencoded");  
  }  
   
  /**  
    *   设置异步模式回调函数  
    **/  
  xmlhttp.onreadystatechange   =   function()   {  
  if   (!(xmlhttp.readyState   ==   4   &&   xmlhttp.status   ==   200))   {  
  return;  
  }  
  var   xml   =   xmlhttp.responseXML;  
  if(xml.xml   ==   ')   {  
  alert(xmlhttp.responseText);  
  return;  
  }  
  xml   =   xml.documentElement;  
  for(var   i=0;   i<xml.childNodes.length;   i++)   {  
  var   tag   =   ';  
  var   data   =   ';  
  /**  
    *   只处理XML文档中的action节点  
    **/  
  if(xml.childNodes[i].nodeName   ==   'action')   {  
  /**  
    *   如果节点有属性，则取属性值  
    *   约定：无论节点有多少属性和是什么名字只认定第一个属性为需要的  
    *               这个属性值将作为赋值操作的DHTML对象名  
    **/  
  if(xml.childNodes[i].attributes.length   >   0)   {  
  tag   =   xml.childNodes[i].attributes[0].value;  
  }  
  if(xml.childNodes[i].childNodes.length   >   1)   {  
  /**  
    *   Firefox需要这样取得CDATA的内容  
    **/  
  for(var   j=0;   j<xml.childNodes[i].childNodes.length;   j++)   {  
  if   (xml.childNodes[i].childNodes[j].firstChild)   {  
  data   =   xml.childNodes[i].childNodes[j].firstChild.data;  
  }  
  }  
  }else   if(xml.childNodes[i].firstChild)   {  
  /**  
    *   取得节点的内容  
    **/  
  data   =   xml.childNodes[i].firstChild.nodeValue;  
  }  
  if(tag   !=   ')   {  
  /**  
    *   判断目标对象的种类，并用相应的方式对其赋值  
    **/  
  if(!   (tag   =   $(tag)))   return;  
  switch(tag.nodeName)   {  
  case   'INPUT':  
  case   'TEATAREA':  
  tag.value   =   data;  
  break;  
  default:  
  tag.innerHTML   =   data;  
  }  
  }else   {  
  /**  
    *   执行规定的动作，data必须是合法的javascript语句  
    **/  
  try   {  
  eval(data);  
  }catch(e)   {}  
  }  
  }  
  }  
  }  
   
  /**  
    *   发送数据  
    **/  
  xmlhttp.send(post_data);  
  delete   xmlhttp;  
  }  

第六个ajax类 

//Ajax Start
function Ajax_GetXMLHttpRequest() {
 if (window.ActiveXObject) {
  return new ActiveXObject("Microsoft.XMLHTTP");
 }
 else if (window.XMLHttpRequest) {
  return new XMLHttpRequest();
 }
}
function Ajax_CallBack(FormName,ID,URL,IsAlert){
 var x = Ajax_GetXMLHttpRequest();
 var ID = document.getElementById(ID);
 x.open("POST",URL);
 x.setRequestHeader("REFERER", location.href);
 x.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
 x.onreadystatechange = function(){if(x.readyState == 4 && x.status == 200){if(IsAlert){x.responseText?alert(x.responseText):alert('添加成功');}else if(ID){ID.innerHTML=x.responseText;}}}
 var encodedData=""
 if (document.forms.length > 0 && FormName) {
  var form = document.forms[FormName];
  for (var i = 0; i < form.length; ++i) {
   var element = form.elements[i];
   if (element.name) {
    var elementValue = null;
    if (element.nodeName == "INPUT") {
     var inputType = element.getAttribute("TYPE").toUpperCase();
     if (inputType == "TEXT" || inputType == "PASSWORD" || inputType == "HIDDEN") {
      elementValue = escape(element.value);
     } else if (inputType == "CHECKBOX" || inputType == "RADIO") {
      if (element.checked) {
       elementValue = escape(element.value);
      }
     }
    } else if (element.nodeName == "SELECT" || element.nodeName == "TEXTAREA") {
     elementValue = escape(element.value);
    }
    if (elementValue) {
     if(encodedData==""){
      encodedData = element.name + "=" + encodeURIComponent(elementValue);
     }
     else{
      encodedData += "&" + element.name + "=" + encodeURIComponent(elementValue);
     }
    }
   }
  }

 }
 x.send(encodedData);
}

//Ajax End

调用方法:
<input type="text" name="UserName" size="40" onblur="CheckUserName(this.value)" /> <span id="CheckUserName" style="color:#FF0000"></span>

JS：
 Ajax_CallBack(false,"CheckUserName","Loading.asp?menu=CheckUserName&UserNameLength="+UserName.length+"&UserName=" + escape(UserName));