自己实现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 相关文章推荐
正则表达式语法
Oct 09 Javascript
怎样在JavaScript里写一个swing把数据插入数据库
Dec 10 Javascript
JS定时器实例
Apr 17 Javascript
jquery 按钮状态效果 正常、移上、按下
Aug 12 Javascript
使用JQUERY进行后台页面布局控制DIV实现左右式
Jan 07 Javascript
jQuery实现按键盘方向键翻页特效
Mar 18 Javascript
详解支持Angular 2的表格控件
Jan 19 Javascript
Javascript Event(事件)的传播与冒泡
Jan 23 Javascript
微信小程序实现弹出菜单
Jul 19 Javascript
小程序实现留言板
Nov 02 Javascript
JS立即执行函数功能与用法分析
Jan 15 Javascript
Vue过滤器(filter)实现及应用场景详解
Jun 15 Vue.js
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
apache rewrite_module模块使用教程
2008/01/10 PHP
dhtmlxTree目录树增加右键菜单以及拖拽排序的实现方法
2013/04/26 PHP
php不用正则验证真假身份证
2013/11/06 PHP
ThinkPHP3.1新特性之对分组支持的改进与完善概述
2014/06/19 PHP
使用PHP如何实现高效安全的ftp服务器(二)
2015/12/30 PHP
php 后端实现JWT认证方法示例
2018/09/04 PHP
php设计模式之原型模式分析【星际争霸游戏案例】
2020/03/23 PHP
JavaScript函数、方法、对象代码
2008/10/29 Javascript
js 自定义的联动下拉框
2010/02/07 Javascript
GreyBox技术总结(转)
2010/11/23 Javascript
7款吸引人眼球的jQuery/CSS3特效实例分享
2013/04/25 Javascript
jQuery阻止事件冒泡具体实现
2013/10/11 Javascript
jQuery中closest和parents的区别分析
2015/05/07 Javascript
js时间比较 js计算时间差的简单实现方法
2016/08/26 Javascript
Vue.js每天必学之Class与样式绑定
2016/09/05 Javascript
在js代码拼接dom对象到页面上去的模板总结(必看)
2017/02/14 Javascript
Bootstrap模态框插入视频的实现代码
2017/06/25 Javascript
微信小程序 页面跳转传值实现代码
2017/07/27 Javascript
JavaScript中的回调函数实例讲解
2019/01/27 Javascript
javascript function(函数类型)使用与注意事项小结
2019/06/10 Javascript
微信小程序接入腾讯云验证码的方法步骤
2020/01/07 Javascript
微信小程序基于movable-view实现滑动删除效果
2020/01/08 Javascript
[01:29]Ti4循环赛第三日精彩回顾
2014/07/13 DOTA
从零学Python之入门(二)基本数据类型
2014/05/25 Python
简单了解python模块概念
2018/01/11 Python
Tensorflow环境搭建的方法步骤
2018/02/07 Python
Python OpenCV图像指定区域裁剪的实现
2019/10/30 Python
卡骆驰新加坡官网:Crocs新加坡
2018/06/12 全球购物
中国制造网:Made-in-China.com
2019/10/25 全球购物
swtich是否能作用在byte上,是否能作用在long上,是否能作用在String上
2013/07/06 面试题
单位人事专员介绍信
2014/01/11 职场文书
家长对学生的评语
2014/04/18 职场文书
大学生社会实践评语
2014/04/25 职场文书
2014年端午节演讲稿范文
2014/05/23 职场文书
2015年司法所工作总结
2015/04/27 职场文书
傅雷家书读书笔记
2015/06/29 职场文书