您现在的位置: 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文

自己实现ajax封装示例分享

作者:佚名    责任编辑:admin    更新时间:2022-06-22

 这篇文章主要介绍了自己实现ajax封装示例,需要的朋友可以参考下

代码如下:  //javascript Object: ajax Object //Created By RexLee function Ajax(url,data){     this.url=url;     this.data=data;     this.browser=(function(){           if(navigator.userAgent.indexOf("MSIE")>0) {               return "MSIE";//IE浏览器         }else{             return "other";//其他     }})(); }; Ajax.prototype={     get:function(){         var result;         var xmlhttp;         if(this.browser=='MSIE'){             try{                 xmlhttp=new ActiveXObject('microsoft.xmlhttp');                 }catch(e){                     xmlhttp=new ActiveXObject('msxml2.xmlhttp');                     }             }else{                 xmlhttp=new XMLHttpRequest();             };         xmlhttp.onreadystatechange=function(){             result = xmlhttp.responseText;//闭包,不能采用this.属性         };         xmlhttp.open('GET',this.url+'?'+this.data,false);//true无法抓取数据,why?         xmlhttp.send(null);         return result;     },     post:function(){         var result;         var xmlhttp;         if(this.browser=='MSIE'){             xmlhttp=new ActiveXObject('microsoft.xmlhttp');             }else{                 xmlhttp=new XMLHttpRequest();             };         xmlhttp.onreadystatechange=function(){             result = xmlhttp.responseText;//闭包,不能采用this.属性         };         xmlhttp.open('POST',this.url,false);//需设为false,否则无法抓取responseText         xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");//POST中,这句必须         xmlhttp.send(this.data);         return result;     } };   //var a=new ajax('opp2.js',''); //alert('by GETn'+a.get()) //alert('by POSTn'+a.post()); ///////////////////////////////       window.onload=function(){ document.getElementById("btn").onclick=function(){     var p=document.getElementById("t").value;     var a=new Ajax("phpOOP/getPage.php","page="+p);     document.getElementById("box").innerHTML=a.get();     }; }