关于ajax技术

前几天终于抽时间读了一些ajax的资料....

关于ajax的框架还没来得及去了解,项目中也只应用了部分ajax技术..

其实这个技术在2002年的时候就用过了,那时候是做WEB监控的东西，要在WEB上及时的取数据,并且页面不刷新,当时采用了两种模式,一种是隐藏iframe的方式,一种就是通过REQUESTXML的方式

以下是抽取一些基本函数出来

 

js 代码

//---主要提供 ajax 技术中调用的对象操作函数
//---2007-01-15------重庆----tangkaifeng

/**
 * 获取xmlhttp对象
 */
function getXmlHttp(){
 if(window.XMLHttpRequest) {
  return new XMLHttpRequest();
 }else if (window.ActiveXObject) {
  try{
   return new ActiveXObject("Msxml2.XMLHTTP");
  }catch(e){
   return new ActiveXObject("Microsoft.XMLHTTP");
  }
    }else{
        alert("本页采用了 ajax 技术，但你的浏览器可能不支持该技术!\r\n建议使用IE6.0以上版本!");
        return null;
    }
}

/**
 * 通过 UserMethod 方式，访问一个UserURL URL路径,
 * 并且传入处理函数名称:exeFName,此函数由用户实现，并在该函数内处理返回的xml文档对象
 */
function execResponseText(UserMethod,UserURL,isTrue,execFName,param,utype){
 try{
  var t_xmldom = getXmlHttp();
  t_xmldom.open(UserMethod,UserURL,isTrue);

  if(UserMethod=='POST' || UserMethod=='post'){
   t_xmldom.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
  }

  t_xmldom.onreadystatechange = function (){

   if(t_xmldom.readyState==4){
    if(t_xmldom.status==200){
     if(utype=="XML"){
      eval(execFName+"(t_xmldom.responseXML)");
     }else{
      eval(execFName+"(t_xmldom.responseText)");
     }
    }else{
     eval(execFName+"('Error: '+t_xmldom.status)");
    }
   }
  }
  t_xmldom.setRequestHeader("If-Modified-Since","0");   //禁止缓存
  t_xmldom.send(param);
 }catch(e){
  eval(execFName+"('Error: '+e)");
 }
}

/**
 * 通过 UserMethod 方式，访问一个UserURL URL路径,param 表示要传入的参数
 * 并且传入处理函数名称:exeFName,此函数由用户实现，并在该函数内处理返回的XML文档对象
 */
function execResponseXML(UserMethod,UserURL,isTrue,execFName,param){
 return execResponseText(UserMethod,UserURL,isTrue,execFName,param,"XML");
}

分享到：

JAVASCRIPT资源------ArrayList | db4o对象型数据库学习笔记

• 2007-04-29 14:26
• 浏览 1643
• 评论(0)
• 查看更多