自己实现ajax封装示例分享


Posted in Javascript onApril 01, 2014
 //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 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();
    };
}
Javascript 相关文章推荐
javascript 45种缓动效果 非常酷
Jun 28 Javascript
JS操作CSS随机改变网页背景实现思路
Mar 10 Javascript
JavaScript原生对象之Number对象的属性和方法详解
Mar 13 Javascript
Bootstrap每天必学之导航
Nov 26 Javascript
Struts2+jquery.form.js实现图片与文件上传的方法
May 05 Javascript
BootStrap的alert提示框的关闭后再显示怎么解决
May 17 Javascript
JavaScript数据结构之二叉查找树的定义与表示方法
Apr 12 Javascript
JS基于设计模式中的单例模式(Singleton)实现封装对数据增删改查功能
Feb 06 Javascript
Vue的轮播图组件实现方法
Mar 03 Javascript
微信公众号网页分享功能开发的示例代码
May 27 Javascript
Javascript如何实现扩充基本类型
Aug 26 Javascript
使用TS来编写express服务器的方法步骤
Oct 29 Javascript
jquery分页对象使用示例
Apr 01 #Javascript
JavaScript对象的property属性详解
Apr 01 #Javascript
easyui datagrid 键盘上下控制选中行示例
Mar 31 #Javascript
jQuery 取值、赋值的基本方法整理
Mar 31 #Javascript
js改变鼠标的形状和样式的方法
Mar 31 #Javascript
JS 获取浏览器和屏幕宽高等信息代码
Mar 31 #Javascript
js简单的表格添加行和删除行操作示例
Mar 31 #Javascript
You might like
php eval函数用法总结
2012/10/31 PHP
php获取中文拼音首字母类和函数分享
2014/04/24 PHP
php获取json数据所有的节点路径
2015/05/17 PHP
Smarty模板简单配置与使用方法示例
2016/05/23 PHP
详解PHP中foreach的用法和实例
2016/10/25 PHP
php实现二叉树中和为某一值的路径方法
2018/10/14 PHP
PHP 对象继承原理与简单用法示例
2020/04/21 PHP
ExtJS扩展 垂直tabLayout实现代码
2009/06/21 Javascript
javascript json2 使用方法
2010/03/16 Javascript
javascript针对DOM的应用分析(二)
2012/04/15 Javascript
JavaScript高级程序设计(第3版)学习笔记3 js简单数据类型
2012/10/11 Javascript
javascript学习笔记之10个原生技巧
2014/05/21 Javascript
jQuery实现3D文字特效的方法
2015/03/10 Javascript
JavaScript实现自动变换表格边框颜色
2015/05/08 Javascript
Javascript递归打印Document层次关系实例分析
2015/05/15 Javascript
探寻JavaScript中this指针指向
2016/04/23 Javascript
简单了解JavaScript操作XPath的一些基本方法
2016/06/03 Javascript
JavaScript_ECMA5数组新特性详解
2016/06/12 Javascript
JQuery实现DIV其他动画效果的简单实例
2016/09/18 Javascript
js实现上传图片预览方法
2016/10/25 Javascript
JS组件系列之MVVM组件 vue 30分钟搞定前端增删改查
2017/04/28 Javascript
详解Angular6.0使用路由步骤(共7步)
2018/06/29 Javascript
微信小程序实现星级评分和展示
2018/07/05 Javascript
详解Vue项目引入CreateJS的方法(亲测可用)
2019/05/30 Javascript
如何在vue项目中嵌入jsp页面的方法(2种)
2020/02/06 Javascript
Python实现图片拼接的代码
2018/07/02 Python
快速解决docker-py api版本不兼容的问题
2019/08/30 Python
tensorflow 实现数据类型转换
2020/02/17 Python
英国手工布艺沙发在线购买:Sofas & Stuff
2018/03/02 全球购物
英国独特的时尚和生活方式品牌:JOY
2018/03/17 全球购物
特教教师先进事迹
2014/05/21 职场文书
汉语专业毕业生自荐信
2014/07/06 职场文书
教师节标语大全
2014/10/07 职场文书
网络营销计划
2015/01/17 职场文书
PHP中->和=>的意思
2021/03/31 PHP
如何使JavaScript休眠或等待
2021/04/27 Javascript