`
royzhou1985
  • 浏览: 253387 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

Ajax 封装

阅读更多
function Ajax(method,url,parameters,callback)  
{  
    var len=arguments.length;  
    var type,url,postdata,fn;  
    if(len<2)  
    {  
        alert('没有2个一下参数的重载,至少必须指定请求类型(type)和url地址!');  
        return;  
    }  
    type=arguments[0];  
    url=arguments[1];  
    if(len>2)  
    {  
        var args=arguments[2];  
        if(typeof(args)=="string")  
        {  
            postdata=args;  
        }  
    }  
    var xhr = window.ActiveXObject ? new ActiveXObject("Microsoft.XMLHTTP") : new XMLHttpRequest();  
    xhr.open(type,url,true);  
    xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");  
    fn = arguments[len-1];  
    xhr.onreadystatechange = function (){  
        if(xhr.readyState==4)  
        {  
           if(xhr.status==200)  
           {  
                if(typeof(fn)=="function")  
                    fn(xhr.responseText);  
           }  
           else 
           {  
             alert("你所请求的页面有异常");  
           }  
        }  
    };  
    xhr.send(postdata);  
}  
 
function Test()  
{  
    Ajax("get","/WebRoot/servlet/TestAjax");  
    Ajax("get","/WebRoot/servlet/TestAjax",function (date){  
        alert("Get Date:\n"+date);  
    });  
    Ajax("post","/WebRoot/servlet/TestAjax");  
    Ajax("post","/WebRoot/servlet/TestAjax",function (date){  
        alert("Post Date:\n"+date);  
    });  
    Ajax("post","/WebRoot/servlet/TestAjax","username=jonllen&pwd=123456",function (date){  
        alert("Post Date:\n"+date);  
    });  


就只有一个函数Ajax,调用的例子是Test(),由于JavaScript的函数申明不需要固定参数,能实现动态获取传递,利用这点我们能实现类似与C#或Java里面的重载,并且我们能根据传入参数的类型和数量进行特别的判断,而执行不同的操作。上述Ajax函数里就用到判断当最后一个传入的参数是函数类型的时候我们就认为是这个是Ajax回调函数,如果是字符串类型的话就认为是postData,这样我们就能实现动态传递可选参数,也就是说你可以加上function(data){alert(date);}就会自动在Ajax加载返回的回调该函数,如果没有就不调用。
分享到:
评论

相关推荐

    ajax封装实例代码

    Ajax封装则是将常见的Ajax操作进行模块化处理,方便开发者在项目中快速、高效地实现数据交互。本篇文章将深入探讨Ajax封装实例代码及其相关知识点。 首先,我们来看Ajax的核心原理:通过JavaScript创建...

    html5页面开发源代码(含ajax封装及调用方法)

    提供完整的html5页面开发流程和开发方式,包括html5页面开发代码,含ajax封装方法,以及调用的方式

    原生js的AJAX封装以及实例展示.zip

    这个压缩包"原生js的AJAX封装以及实例展示.zip"包含了对AJAX的简单封装以及一个具体的增删改查(CRUD)操作实例,这将帮助我们深入理解如何在实际项目中应用AJAX。 首先,让我们了解一下AJAX的基本原理。AJAX的核心...

    利用AJAX封装Form

    ajax技术封装表单的实例,完整代码,易看懂。用于学习ajax。

    ajax封装数据原理

    ajax封装数据原理详解,要求为Object或String类型的参数,发送到服务器的数据。如果已经不是字符串,将自动转换为字符串格式。get请求中将附加在url后。防止这种自动转换,可以查看 processData选项。对象必须为key/...

    对jquery的ajax封装

    对常用jquery的ajax函数进行封装,便于调用,会有不同错误的错误提醒

    ax封装.rar-ajax封装.txt

    Ajax封装则是将Ajax交互过程中的多种操作整合到一个函数或对象中,以便于开发者更方便、高效地使用。这个“ax封装.rar”可能是一个自定义的JavaScript库或者模块,它对原生的Ajax功能进行了封装,提高了代码的可复用...

    ajax封装的dll

    本话题将深入探讨“ajax封装的dll”,这是一种将Ajax功能封装到动态链接库(DLL)中的做法,使得开发者可以更方便地在项目中调用和利用Ajax功能。 首先,DLL(Dynamic Link Library)是Windows操作系统中的一种共享...

    Ajax封装

    在实际的Web应用开发中,Ajax封装类是常见的实践,它可以帮助开发者更方便、高效地进行异步数据交互,提高用户体验。下面我们将深入探讨Ajax封装的原理、实现方式以及如何使用。 **Ajax原理** Ajax的核心是...

    简单ajax封装小工具

    这个“简单ajax封装小工具”可能是将常见的Ajax请求功能如GET、POST等进行了抽象和简化,方便开发者快速调用。通常,一个简单的Ajax封装可能包括以下组成部分: 1. **创建XMLHttpRequest对象**:这是Ajax的核心,...

    JavaScript-初识ajax、ajax封装、及json简单实战案例(下).pdf

    Ajax封装** 为了减少代码重复,提高可维护性,通常会将Ajax请求封装成函数。以下是一个简单的Ajax函数封装示例: ```javascript function ajaxRequest(url, method, callback, data) { var xhr = new ...

    ajax封装报dwr

    在本项目中,"ajax封装报dwr" 提供了一种简便的方式来利用Ajax技术,通过DWR框架进行后端数据的异步请求和更新。 首先,我们来看DWR的核心概念: 1. **Engine(引擎)**:DWR引擎是整个框架的核心,负责处理所有的...

    JS封装的AJAX函数

    总结来说,AJAX封装函数是将复杂的HTTP请求过程简化为易于调用的函数,使得开发者能够更高效地实现异步通信。在实际开发中,这样的封装是非常常见的,它提高了代码的可读性和复用性,降低了开发难度。对于`right.js`...

    ajax封装.js

    ajax封装.js

    ajax封装函数

    对ajax基础的封装

    04课 json,xml,ajax封装.rar

    本课程“04课 - JSON,XML,AJAX封装”旨在深入探讨这三种技术,并讲解如何有效地将它们整合到你的网页开发项目中。 **JSON(JavaScript Object Notation)** 是一种轻量级的数据交换格式,易于人阅读和编写,同时...

    div+css web 对话框+ajax封装js文件

    在网页开发中,"div+css web 对话框+ajax封装js文件" 是一个常见的技术组合,用于构建交互性更强的用户体验。以下是这些技术的详细解释: 1. **Div + CSS**:Div(Division)是HTML中的一个标签,用于创建网页布局...

    自己用的简单封装AJAX类

    **标题解析:** "自己用的简单封装AJAX类" 指的是作者为了个人使用需求,编写了一个简化的AJAX处理类。AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术,...

    ajax:一个ajax封装实现

    这里的"一个Ajax封装实现"可能就是对`XMLHttpRequest`对象进行了抽象和简化,创建了一个易于使用的函数或类库。 **Ajax的基本流程**: 1. **创建XMLHttpRequest对象**:在所有现代浏览器中,都可以通过`new ...

    2020年 json,xml,ajax封装.rar

    在"2020年 json,xml,ajax封装.rar"这个压缩包中,我们可能找到关于这三种技术的具体应用示例或教程。"day_05"可能代表一个学习过程中的第五天课程或者是一个特定项目的第五个部分。在这个文件中,你可能会学到: ...

Global site tag (gtag.js) - Google Analytics