1. [代码][JavaScript]代码
//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{http://www.huiyi8.com/webyuanma/?
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 GET\\n‘+a.get())
//alert(‘by POST\\n‘+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();
};
}
相关文章
- 09-13封装jq的ajax
- 09-13原生请求 js、jquery封装的ajax请求、axios请求与fetch请求区别与优缺点
- 09-13使用better-scroll在vue中封装自己的Scroll组件
- 09-13vue-cli3 将自己写的组件封装成可引入的js文件
- 09-13jQuery封装ajax的常用方法
- 09-13自己封装的一个LoadRes组件
- 09-13OpenGL 封装自己的着色器类
- 09-13封装van-popup为自己的弹窗组件解决v-moel props单向数据流不能修改的问题。
- 09-13自己封装了一个EF的上下文类.,分享一下,顺便求大神指点
- 09-13展示星期+日期的组件(自己封装一下)