放点ajax的实例代码

blog已经有很久没有更新了，不是不想，也不是没时间，只是一直在忙活一些无聊的事情，今天开始回归，先发布点最近写的源码 

这个是我在书上看到的，一直再用，很好用的噢

//------------------------此函数用来创建XMLHttpRequest对象--------------------
function createAjaxObj(){
   var httprequest;
   if(window.XMLHttpRequest){
    //Mozilla或者其他浏览器
     httprequest=new XMLHttpRequest()
     if(httprequest.overrideMimeType)
        httprequest.overrideMimeType('text/xml')
    }else if (window.ActiveXObject){
     //IE浏览器
      try {
         httprequest=new ActiveXObject("Msxml2.XMLHTTP");
      }
      catch (e){
         try{
            httprequest=new ActiveXObject("Microsoft.XMLHTTP");
         }
         catch (e){
         }
      }
    }
    return httprequest
}
创建了XMLHttpRequest对象后，就该用这个对象进行操作了

///--------------------向服务器发送数据，并接受返回数据库，路径为url，参数为args----------------------
function sendMessageToServer(url,args){
 var alertStr="操作失败，有可能是服务器端出现问题，请检查操作是否正确或者向开发人员寻求技术支持！";
 //获取XMLHttpRequest对象
 var xmlHttp=createAjaxObj();
 ok=false;
 xmlHttp.onreadystatechange=function(url){
  if(xmlHttp.readyState==4){
   //数据已经接收成功
   if(xmlHttp.status==200){
    //请求成功
    ok=true;

    //respText是服务器的返回值，如果返回XML文档的话就是var respText=xmlHttp.responseXML;
    var respText=xmlHttp.responseText;
    if(allTrim(respText).length==0){
     ;
    }else{
     if(respText=="false"){
      alert(alertStr);
      window.location.reload(false);
      ok=false;
     }else{
      //操作成功，接受返回值
      ok=true;
      alert(respText);
     }
    }    
   }else{
    //var respText=xmlHttp.responseText;
    alert("请求过程出现异常！");
    alert(xmlHttp.readyState+"   "+xmlHttp.status);
   }
  }  
 }
 
 xmlHttp.open("post",url,args);
 xmlHttp.setRequestHeader('Content-type','application/x-www-form-urlencoded');
 xmlHttp.send(args);
 return ok;
}

通过这两个函数就可以完成ajax最简单的功能了，下面还有一个将表单构造成查询字符串的函数

----------------------------------将表单数据构造成为一个查询字符串----------------------
function changeFormToQueryString(formName){
 var form=document.forms[formName];
 var args="";
 for(var i=0;i<form.elements.length;i++){
  //将表单中的数据构造成为查询字符串
  if(form.elements[i].type!="button"){
   if(i==0){
    args=form.elements[i].name+"="+form.elements[i].value;
   }else{
    args=args+"&&"+form.elements[i].name+"="+form.elements[i].value;
   }
  }
 }
 return args;
}

有了上面三个函数，就可以进行操作了

-------------------------发送表单数据库到servlet-------------------------------------
//---------------------------先进行表单验证，验证成功后按需要发送----------------------------------------------
function sendFormToServer(formName,servletName){
 if(checkFormByName(formName)){
  sendMessageToServer(servletName,changeFormToQueryString(formName));
 }else{alert("error")}
}