自己实现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 相关文章推荐
从阿里妈妈发现的几个不错的表单验证函数
Sep 21 Javascript
如何设置iframe高度自适应在跨域情况下的可用方法
Sep 06 Javascript
使用iframe window的scroll方法控制iframe页面滚动
Mar 05 Javascript
js图片翻书效果代码分享
Aug 20 Javascript
jQuery实现的左右移动焦点图效果
Jan 14 Javascript
js获取Html元素的实际宽度高度的方法
May 19 Javascript
AngularJS 指令详细介绍
Jul 27 Javascript
Angular2 自定义validators的实现方法
Jul 05 Javascript
详解如何在你的Vue项目配置vux
Jun 04 Javascript
基于JavaScript的数据结构队列动画实现示例解析
Aug 06 Javascript
JavaScript实现鼠标移入随机变换颜色
Nov 24 Javascript
javascript实现倒计时关闭广告
Feb 09 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
杏林同学录(二)
2006/10/09 PHP
PHP函数utf8转gb2312编码
2006/12/21 PHP
php使用json_encode对变量json编码
2014/04/07 PHP
phpQuery让php处理html代码像jQuery一样方便
2015/01/06 PHP
php比较两个字符串长度的方法
2015/07/13 PHP
laravel 中如何使用ajax和vue总结
2017/08/16 PHP
Javascript模块模式分析
2008/05/16 Javascript
Ionic如何实现下拉刷新与上拉加载功能
2016/06/03 Javascript
js中获取时间new Date()的全面介绍
2016/06/20 Javascript
Javascript继承机制详解
2017/05/30 Javascript
jQuery实现可编辑表格并生成json结果(实例代码)
2017/07/19 jQuery
利用javascript如何随机生成一定位数的密码
2017/09/22 Javascript
详解vue开发中调用微信jssdk的问题
2019/04/16 Javascript
微信小程序实现的图片保存功能示例
2019/04/24 Javascript
微信小程序实现消息框弹出动画
2020/04/18 Javascript
基于Vue中的父子传值问题解决
2020/07/27 Javascript
Python的Bottle框架中获取制定cookie的教程
2015/04/24 Python
Python中functools模块的常用函数解析
2016/06/30 Python
Python 常用 PEP8 编码规范详解
2017/01/22 Python
详解TensorFlow查看ckpt中变量的几种方法
2018/06/19 Python
Python里字典的基本用法(包括嵌套字典)
2019/02/27 Python
Django ORM 查询管理器源码解析
2019/08/05 Python
Python中最好用的命令行参数解析工具(argparse)
2019/08/23 Python
keras中的loss、optimizer、metrics用法
2020/06/15 Python
Python Tornado核心及相关原理详解
2020/06/24 Python
Python持续监听文件变化代码实例
2020/07/22 Python
咖啡为什么会有酸味?你喝到的咖啡為什麼是酸的?
2021/03/17 冲泡冲煮
Java中实现多态的机制
2015/08/09 面试题
历史学专业推荐信
2013/11/06 职场文书
学生自我鉴定模板
2013/12/30 职场文书
青年创业培训欢迎词
2014/01/10 职场文书
酒店营销策划方案
2014/02/07 职场文书
小学班主任工作经验交流材料
2015/11/02 职场文书
教师廉政准则心得体会
2016/01/20 职场文书
广播稿:校园广播稿范文
2019/04/17 职场文书
python使用torch随机初始化参数
2022/03/22 Python