自己实现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添加String.Format方法
Aug 11 Javascript
javascript基础知识大集锦(一) 推荐收藏
Jan 13 Javascript
解读JavaScript代码 var ie = !-[1,] 最短的IE判定代码
May 28 Javascript
Fixie.js 自动填充内容的插件
Jun 28 Javascript
关于JavaScript中string 的replace
Apr 12 Javascript
JavaScript实现的内存数据库LokiJS介绍和入门实例
Nov 17 Javascript
Bootstrap轮播加上css3动画,炫酷到底!
Dec 22 Javascript
JS两个数组比较,删除重复值的巧妙方法(推荐)
Jun 03 Javascript
jQuery中将json数据显示到页面表格的方法
May 27 jQuery
移动端H5页面返回并刷新页面(BFcache)的方法
Nov 06 Javascript
vue实现codemirror代码编辑器中的SQL代码格式化功能
Aug 27 Javascript
原生JavaScript实现日历功能代码实例(无引用Jq)
Sep 23 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
JAVA/JSP学习系列之四
2006/10/09 PHP
分页详解 从此分页无忧(PHP+mysql)
2007/11/23 PHP
一个PHP的String类代码
2010/04/20 PHP
PHP重定向的3种方式
2013/03/07 PHP
分享PHP计算两个日期相差天数的代码
2015/12/23 PHP
php的4种常用运行方式详解
2016/12/22 PHP
laravel框架中表单请求类型和CSRF防护实例分析
2019/11/23 PHP
PHP dirname简单使用代码实例
2020/11/13 PHP
ExtJs 表单提交登陆实现代码
2010/08/19 Javascript
关于jquery css的使用介绍
2013/04/18 Javascript
完美解决AJAX跨域问题
2013/11/01 Javascript
JQuery性能优化的几点建议
2014/05/14 Javascript
jQuery中关于ScrollableGridPlugin.js(固定表头)插件的使用逐步解析
2014/07/17 Javascript
javascript常用函数归纳整理
2014/10/31 Javascript
js+css绘制颜色动态变化的圈中圈效果
2016/01/27 Javascript
JavaScript检查子字符串是否在字符串中的方法
2016/02/03 Javascript
微信小程序 获取微信OpenId详解及实例代码
2016/10/31 Javascript
[00:43]FTP典藏礼包 DOTA2三大英雄霸气新套装
2014/03/21 DOTA
Python实现判断字符串中包含某个字符的判断函数示例
2018/01/08 Python
Python小程序之在图片上加入数字的代码
2019/11/26 Python
python中wheel的用法整理
2020/06/15 Python
Django-Scrapy生成后端json接口的方法示例
2020/10/06 Python
土木工程专业个人求职信
2013/12/30 职场文书
网络工程师专家职业发展路线
2014/02/14 职场文书
《最大的“书”》教学反思
2014/02/14 职场文书
新教师培训方案
2014/06/08 职场文书
党校学习心得体会范文
2014/09/09 职场文书
实现中国梦思想汇报2014
2014/09/13 职场文书
介绍信的格式
2015/01/30 职场文书
公安机关起诉意见书
2015/05/20 职场文书
党支部考察鉴定意见
2015/06/02 职场文书
公司员工奖惩制度
2015/08/04 职场文书
请病假条范文
2015/08/17 职场文书
大学三好学生主要事迹范文
2015/11/03 职场文书
请求模块urllib之PYTHON爬虫的基本使用
2022/04/08 Python
详解Nginx的超时keeplive_timeout配置步骤
2022/05/25 Servers