自己实现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 相关文章推荐
js 与或运算符 || && 妙用
Dec 09 Javascript
JavaScript定义类的几种方式总结
Jan 06 Javascript
javascript的propertyIsEnumerable()方法使用介绍
Apr 09 Javascript
深入理解JavaScript编程中的原型概念
Jun 25 Javascript
JavaScript编写连连看小游戏
Jul 07 Javascript
JavaScript判断是否是微信浏览器
Jun 13 Javascript
Angularjs之filter过滤器(推荐)
Nov 27 Javascript
jQuery中库的引用方法
Jan 06 jQuery
JS实现水平移动与垂直移动动画
Dec 19 Javascript
Vue + element 实现多选框组并保存已选id集合的示例代码
Jun 03 Javascript
快速了解Vue父子组件传值以及父调子方法、子调父方法
Jul 15 Javascript
Echarts.js无法引入问题解决方案
Oct 30 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递归算法和应用方法介绍
2013/04/15 PHP
php+ajax无刷新分页实例详解
2015/12/07 PHP
Thinkphp5.0 框架视图view的比较标签用法分析
2019/10/12 PHP
jquery.fileEveryWhere.js 一个跨浏览器的file显示插件
2011/10/24 Javascript
javascript动态加载二
2012/08/22 Javascript
JavaScript实现算术平方根算法-代码超简单
2015/09/11 Javascript
JavaScript实现跑马灯抽奖活动实例代码解析与优化(二)
2016/02/16 Javascript
AngularJS全局scope与Isolate scope通信用法示例
2016/11/22 Javascript
谈谈第三方App接入微信登录 解读
2016/12/27 Javascript
vux uploader 图片上传组件的安装使用方法
2018/05/15 Javascript
详解javascript设计模式三:代理模式
2019/03/25 Javascript
jQuery事件绑定和解绑、事件冒泡与阻止事件冒泡及弹出应用示例
2019/05/13 jQuery
Jquery 动态添加元素并添加点击事件实现过程解析
2019/10/12 jQuery
vue项目中使用rem,在入口文件添加内容操作
2020/11/11 Javascript
python利用hook技术破解https的实例代码
2013/03/25 Python
结合Python的SimpleHTTPServer源码来解析socket通信
2016/06/27 Python
python爬虫实现教程转换成 PDF 电子书
2017/02/19 Python
Python使用numpy产生正态分布随机数的向量或矩阵操作示例
2018/08/22 Python
Python使用matplotlib绘制三维图形示例
2018/08/25 Python
对Python的交互模式和直接运行.py文件的区别详解
2019/06/29 Python
python requests指定出口ip的例子
2019/07/25 Python
python 字符串常用函数详解
2019/09/11 Python
Python运行异常管理解决方案
2020/03/09 Python
Python流程控制语句的深入讲解
2020/06/15 Python
如何用Python进行时间序列分解和预测
2021/03/01 Python
利用python实现汉诺塔游戏
2021/03/01 Python
css3实现的下拉菜单效果示例
2014/01/22 HTML / CSS
AVON雅芳官网:世界上最大的美容化妆品公司之一
2016/11/02 全球购物
阿根廷在线宠物商店:Puppis
2018/03/23 全球购物
Linux面试题LINUX系统类
2015/11/25 面试题
仓库班组长岗位职责
2013/12/12 职场文书
直接有效的自我评价
2014/01/11 职场文书
医药公司开票员岗位职责
2015/04/15 职场文书
庆七一主持词
2015/06/29 职场文书
商业计划书之服装
2019/09/09 职场文书
HTML+CSS+JS实现图片的瀑布流布局的示例代码
2021/04/22 HTML / CSS