`
退思园
  • 浏览: 1493 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

javascript封装的ajax函数库

阅读更多

下面是封装好的ajax的函数

    function AjaxObj() {  
        this.xmlHttp = null;  
        this.Request = function(method, url, data, callback, sync) {  
            if (window.ActiveXObject) {  
                this.xmlHttp = new ActiveXObject("Microsoft.XMLHttp");  
            } else if (window.XMLHttpRequest) {  
                this.xmlHttp = new XMLHttpRequest();  
                if (this.xmlHttp.overrideMimeType) {  
                    this.xmlHttp.overrideMimeType('text/xml');  
                }  
            }  
            if (this.xmlHttp) {  
                var self = this;  
                if (callback)  
                    this.xmlHttp.onreadystatechange = function(){callback(self.xmlHttp);};  
                else  
                    this.xmlHttp.onreadystatechange = function(){return;};  
                if (!method)  
                    method = "POST";  
                method = method.toUpperCase();  
                if (method == 'GET') {  
                    this.xmlHttp.open('GET', url + ((typeof data=="string")?('?' + data):""), typeof sync == "boolean" ? sync : true);  
                    this.xmlHttp.send(null);  
                } else {  
                    this.xmlHttp.open('POST', url, typeof sync == "boolean" ? sync : true);  
                    this.xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");  
                    this.xmlHttp.send(data);  
                }  
            }  
        };  
        this.abort = function() {  
            if (this.xmlHttp)  
                this.xmlHttp.abort();  
        };  
        this.swRequest = function(cfg){  
            if(!cfg.url)  
                return;  
            this.Request(cfg.method||"POST",cfg.url||"",cfg.data,function(req){  
                if(req.readyState==4){  
                    if(req.status==200||req.status==0){  
                         var obj = null;  
                         var text = req.responseText;  
                         eval("obj = "+ text);  
                         cfg.success.call(cfg.soap||this,obj);  
                        return;  
                    }else{  
                         cfg.failure.call(cfg.soap||this,"错误!");  
                         return;  
                    }  
                }  
            });  
        };  
    }  

 调用方法:

ajax.swRequest({
    method:"POST",
    sync:false,
    url:'?a=manage&m=checkUser',
    data:"user="+user.value,
    success: function(msg) {
        if(msg==1){
            flag.value = 'true';
        } else {
            flag.value = '';
        }
    },
    failure: function(a) {
        alert(a);
    },
    soap:this
});

 

本文链接:javascript封装的ajax函数库

联系作者:javascript博客
版权所有:非特殊说明都是本站原创文章,转载请注明出处

分享到:
评论

相关推荐

    xe-ajax3.4.13.js 封装 fetch 异步请求 javascript 库

    基于 Promise API 的异步请求函数,支持 node.js、browser 环境

    原生JS封装Ajax插件(同域、jsonp跨域)

    用原生Js封装了一个Ajax插件,引入一般的项目,传传数据,感觉还是可行的。。。简单说说思路,如有不正确的地方,还望指正^_^ 一、Ajax核心,创建XHR对象 Ajax技术的核心是XMLHttpRequest对象(简称XHR),IE5是第一...

    JavaScript完全自学宝典 源代码

    Calculate1.java 计算浮点数运算结果并调用页面中JavaScript函数的Applet。 Calculate1.class Calculate1.java的字节码文件。 第16章(\c16) 示例描述:介绍JavaScript访问本地文件的各种方法。 16.1....

    在JavaScript的jQuery库中操作AJAX的方法讲解

    Java软件开发中,后台中我们可以通过各种框架,像SSH...前台呢,对于页面一些效果,验证等,我们都是通过JavaScript语言进行完成的,但是它也就像我们的Java代码一样,是最前台语言最基础的,而JQuery则是对js代码进行

    【JavaScript】4.初识 jQuery

    jQuery是一个JavaScript函数库,它和JS的联系与区别是: JavaScript是用于Web客户端开发的脚本语言,Ajax是基于JS语言,主要组合JS、CSS、XML三种技术的新技术,是用于创建交互式网页应用的网页开发技术。jQuery是JS...

    JavaScript数据交互实战应用

    Javascript数据交互是JS知识点的核心部分,可以稍微片面的说,不会JS数据交互,等于不会Javascript,... 6、自定义Fetch API(Async&Await)库封装。 ? 整个课程通过实际案例讲解、全方面了解项目开发中数据交互的实际

    Dojo 1.5源码包

    2) Dojo自身定义了完整的函数库,屏蔽了浏览器的差异. 3) Dojo自身定义界面组件库,其组件代码采用了面向对象的思想,便于继承以及扩展;只要组件库丰富; 4) 当对前端界面联动需求较为复杂的时候,基于dojo的页面...

    jQuery入门介绍之基础知识

    JavaScript 库封装了很多预定义的对象和实用函数。能帮助使用者建立有高难度交互的Web2.0 特性的富客户端页面, 并且兼容各大浏览器 当前流行的JavaScript 库有:   jQuery 简介 jQuery 是继 Prototype 之后又一个...

    jQuery基础的工厂函数以及定时器的经典实例分析

    1.1 定义: jQuery是JavaScript的程序库之一,它是JavaScript对象和实用函数的封装, 1.2 作用: 许多使用JavaScript能实现的交互特效,使用jQuery都能完美地实现,下面通过五个用途来更多的了解。 1.2.1 访问和操作...

    互动应用开发入门jquery第一讲ppt

    互动应用开发入门 jquery基础学习第一讲 jQuery是一个JavaScript库,它通过封装原生的JavaScript函数得到一整套定义好的方法。 jQuery已经集成了JavaScript、CSS、DOM和Ajax于一体的强大功能。

    前端笔记.zip

    JQuery就是JavaScript和查询(Query),是一个Javascript库。可以用来操作文档对象、 选择DOM元素、制作动画效果、事件处理、使用Ajax等。 优点: a、轻量级 b、具有强大的选择器 c、封装了大量的DOM操作 d、事件...

    php网络开发完全手册

    5.1.2 类的信息封装 71 5.1.3 静态类 71 5.2 创建一个简单类 71 5.3 PHP5与PHP4的差异 72 5.4 定义属性和方法 72 5.4.1 属性与方法的定义 72 5.4.2 传统的构造函数 73 5.4.3 PHP类中的一些特殊方法 74 5.5 类的引用...

    java web技术开发大全(最全最新)

    《Java Web开发技术大全:JSP+Servlet+Struts+Hibernate+Spring+Ajax》介绍了Web开发中客户端技术的基础知识,包括JavaScript、CSS、AJAX等,这些技术都是Web应用中常用的客户端技术。 《Java Web开发技术大全:JSP+...

    first:我在 GitHub 上的第一个存储库

    自己封装的Ajax函数,提交方式可以是get/post,数据可以是字符串形式,也可以是对象形式。

    知乎大神萧井陌web前端课程

    第3章 作业讲解、编程的选择结构和函数返回值和库、css初步、函数参数 第4章 数组和字符串、作业讲解、debug大法 第5章 作业讲解、如何方便地用测试写代码、break&continue;语句、object、读文档、递归 第6章 网页中...

    SimpleTaskSystem包含NuGet

    ASP.NET Boilerplate采用了以下技术: 服务器端: ASP.NET MVC 5、Web API 2、C# 5.0 DDD领域驱动设计 (Entities、...封装一些Javascript 函数,更方便地使用ajax、消息框、通知组件、忙状态的遮罩层等等

    jquery插件使用方法大全

    由于jQuery已经成为目前最流行的JavaScript库,得到广泛的支持,新版本的发布当然非常引人注目。 重要变化: 1. Ajax重写Ajax模块完全进行了重写。新增一个jXHR对象,为不同浏览器内置的XMLHttpRequest提供了一致的...

    java web开发技术大全

    《Java Web开发技术大全:JSP+Servlet+Struts+Hibernate+Spring+Ajax》介绍了Web开发中客户端技术的基础知识,包括JavaScript、CSS、AJAX等,这些技术都是Web应用中常用的客户端技术。 《Java Web开发技术大全:JSP+...

    ExtAspNet控件 v3.1.9源码2012825

    基于 ExtJS 的专业 ASP.NET 2.0 控件库,拥有原生的 AJAX 支持和华丽的UI效果。 ExtAspNet的使命 创建没有 JavaScript,没有 CSS,没有 UpdatePanel,没有 ViewState,没有 WebServices 的网站应用程序。 支持的...

    jQuery权威指南-源代码

    jQuery以其轻巧的体积、强大的选择器、出色的DOM封装、丰富的插件支持使得广大的Web前端开发者得心应手,极大地提高了他们的开发效率;此外,jQuery中完善的Ajax功能、行为与结构层的分离、可靠的事件处理机制也同样...

Global site tag (gtag.js) - Google Analytics