自己实现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 相关文章推荐
JQery 渐变图片导航效果代码 漂亮
Jan 01 Javascript
jquery属性选择器not has怎么写 行悬停高亮显示
Nov 13 Javascript
使用原生js封装webapp滑动效果(惯性滑动、滑动回弹)
May 06 Javascript
jQuery入门基础知识学习指南
Aug 14 Javascript
jQuery实现查找链接文字替换属性的方法
Jun 27 Javascript
微信小程序 支付简单实例及注意事项
Jan 06 Javascript
js处理层级数据结构的方法小结
Jan 17 Javascript
浅谈Koa服务限流方法实践
Oct 23 Javascript
使用axios实现上传图片进度条功能
Dec 21 Javascript
Express的HTTP重定向到HTTPS的方法
Jun 06 Javascript
bootstrap treeview 树形菜单带复选框及级联选择功能
Jun 08 Javascript
vue配置font-awesome5的方法步骤
Jan 27 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/06/08 PHP
php创建session的方法实例详解
2015/01/27 PHP
php中array_unshift()修改数组key注意事项分析
2016/05/16 PHP
WordPress分页伪静态加html后缀
2016/06/08 PHP
浅谈PHP中的面向对象OOP中的魔术方法
2017/06/12 PHP
PHP基于自定义函数实现的汉字转拼音功能实例
2017/09/30 PHP
js模仿html5 placeholder适应于不支持的浏览器
2013/01/13 Javascript
jquery实现滑动图片自己测试的例子
2013/11/05 Javascript
js 触发select onchange事件代码
2014/03/20 Javascript
jquery实现弹出层效果实例
2015/05/19 Javascript
JavaScript时间操作之年月日星期级联操作
2016/01/15 Javascript
基于jquery实现轮播焦点图插件
2016/03/31 Javascript
jquery实现超简单的瀑布流布局【推荐】
2017/03/08 Javascript
vue+mockjs模拟数据实现前后端分离开发的实例代码
2017/08/08 Javascript
js实现各浏览器全屏代码实例
2018/07/03 Javascript
jQuery仿移动端支付宝键盘的实现代码
2018/08/15 jQuery
详解 微信小程序开发框架(MINA)
2019/05/17 Javascript
对layui中table组件工具栏的使用详解
2019/09/19 Javascript
javascript实现前端成语点击验证优化
2020/06/24 Javascript
[00:32]2018DOTA2亚洲邀请赛Mineski出场
2018/04/04 DOTA
python引用DLL文件的方法
2015/05/11 Python
Flask实现图片的上传、下载及展示示例代码
2018/08/03 Python
python实现微信小程序自动回复
2018/09/10 Python
python3结合openpyxl库实现excel操作的实例代码
2018/09/11 Python
在win10和linux上分别安装Python虚拟环境的方法步骤
2019/05/09 Python
flask框架路由常用定义方式总结
2019/07/23 Python
Python文件操作基础流程解析
2020/03/19 Python
python获取本周、上周、本月、上月及本季的时间代码实例
2020/09/08 Python
Python pip 常用命令汇总
2020/10/19 Python
CSS3区域模块region相关编写示例
2015/08/28 HTML / CSS
JINS眼镜官方网站:日本最大的眼镜邮购
2016/10/14 全球购物
MCAKE蛋糕官方网站:一直都是巴黎的味道
2018/02/06 全球购物
StudentUniverse英国:学生航班、酒店和旅游
2019/08/25 全球购物
Java如何支持I18N?
2016/10/31 面试题
2014应届本科生自我评价
2014/09/13 职场文书
生日赠语
2015/06/23 职场文书