关闭

放点ajax的实例代码

579人阅读 评论(0) 收藏 举报

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")}
}

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:109982次
    • 积分:1562
    • 等级:
    • 排名:千里之外
    • 原创:40篇
    • 转载:5篇
    • 译文:3篇
    • 评论:29条
    最新评论