/**
 *     @todo 封装Ajax 传输类
 *     @param params:参数
 *    @example 用法: var mAjaxer = new Ajaxer(parames);mAjaxer.send();
 */
(function (window,undefined) {
    var defined = {},
        rtrim = /^(\s|\u00A0)+|(\s|\u00A0)+$/g;
    defined.trim = function( text ) 
    {
        return (text || "").replace( rtrim, "" );
    };
    defined.parseJSON = function(data,error) 
    {
        if ( typeof data !== "string" || !data ) 
            return null;
        data = this.trim(data);
        // Make sure the incoming data is actual JSON
        // Logic borrowed from http://json.org/json2.js
        if ( /^[\],:{}\s]*$/.test(data.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g, "@")
            .replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, "]")
            .replace(/(?:^|:|,)(?:\s*\[)+/g, "")) ) {
            // Try to use the native JSON parser first
            return window.JSON && window.JSON.parse ?
                window.JSON.parse( data ) :
                (new Function("return " + data))();
        }
        else 
            error("Invalid JSON: " + data);
    };
    defined.json2String = function(jsonData) {
        var strArr = [];
        for(var k in jsonData) {
            strArr.push(k + "=" + jsonData[k]);    
        }
            
        return strArr.join("&");
    }
    var Ajaxer = function(params)
    {
        var _p = {},
            xmlHttp;
        if (typeof params == 'undefined') 
        {
            return false;
        }
        // 发送请求
        this.send =    function ()
        {
            xmlHttp = null;
            xmlHttp = _p.createXMLHttp();
            if(xmlHttp == null)
            {
                error = {'code' : 404,"message" : "您的浏览器版本过低,无法创建异步对象,请升级您的浏览器!"}
                params.error(error);
            }
            else
            {
                //打开ajax请求
                xmlHttp.open(params.method,params.url,params.async);
                //一般jquery会传递这个参数,进行区分ajax请求
                xmlHttp.setRequestHeader("X-Requested-With","XMLHttpRequest"); 
                //如果是post的话,要对url进行encode
                if (params.method.toLowerCase() == 'post')
                {
                    xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
                    if (typeof params.data != 'string')
                        params.data = defined.json2String(params.data);
                    //对post或get发送数据
                    xmlHttp.send(params.data);
                }
                else
                {
                    xmlHttp.send(null);
                }
                
                //处理状态
                xmlHttp.onreadystatechange = _p.SendBack;
            }
        };
        //处理回调函数
        _p.SendBack = function ()
        {    
            if(xmlHttp.readyState == 4)
            {
                if(xmlHttp.status == 200)
                {    
                    var data,
                        ct = xmlHttp.getResponseHeader("content-type") || "";
                    data = xmlHttp.response;
                    //判断是否是json
                    if (params.dataType === "json" || !params.dataType && ct.indexOf("json") >= 0)
                    {
                        data = defined.parseJSON(data,params.error);
                    }
                    params.success(data);                
                }
                else
                {
                    var error = {'code' : xmlHttp.status,"message" : xmlHttp.statusText};
                    params.error(error);
                }
                if (params.async) 
                {
                    xmlHttp = null;
                }
            }
        };
        //创建ajax对象
        _p.createXMLHttp = function()
        {
            var xmlhttp = null;
        
            // 针对不同浏览器建立这个对象的不同方式写不同代码
            if(window.XMLHttpRequest) {
                xmlhttp = new XMLHttpRequest();
                //针对某些特定版本的Mozillar浏览器的BUG进行修正
                if(xmlhttp.overrideMimeType) {
                    xmlhttp.overrideMimeType("text/xml");
                }
                
            } else if (window.ActiveXObject) {
                var activexName = ['MSXML2.XMLHTTP', 'Microsoft.XMLHTTP'];
                for (var i=0; i<activexName.length; i++) {
                    try {
                        xmlhttp = new ActiveXObject(activexName[i]);
                        break;
                    } catch(e) {}
                }
            }
            return xmlhttp;
        }
    }
    
    window.Ajaxer = Ajaxer;
    window.defined = defined;
})(window);用惯了jquery原生的忘了差不多,补一下. 

javascript-ajax学习的更多相关文章

  1. javascript Ajax 学习

    前言:这是笔者学习之后自己的理解与整理.如果有错误或者疑问的地方,请大家指正,我会持续更新! AJAX是asynchronousjavascript and XML的简写,就是异步的javascrip ...

  2. Ajax学习心得

    Ajax学习心得 大致学了下Ajax,才知道它不是某种编程语言,而是一种在无需加载整个页面的情况下能够更新部分网页的技术.了解了它的功能后觉得这真是一种好的技术,这得给前端和运维省多少力啊! 传统的网 ...

  3. AJax 学习笔记二(onreadystatechange的作用)

    AJax 学习笔记二(onreadystatechange的作用) 当发送一个请求后,客户端无法确定什么时候会完成这个请求,所以需要用事件机制来捕获请求的状态XMLHttpRequest对象提供了on ...

  4. 大量Javascript/JQuery学习教程电子书合集

    [推荐分享]大量Javascript/JQuery学习教程电子书合集,送给有需要的人   不收藏是你的错^_^. 经证实,均可免费下载. 资源名称 资源大小   15天学会jQuery(完整版).pd ...

  5. [推荐分享]大量Javascript/JQuery学习教程电子书合集,送给有需要的人

    不收藏是你的错^_^. 经证实,均可免费下载. 资源名称 资源大小   15天学会jQuery(完整版).pdf 274.79 KB   21天学通JavaScript(第2版)-顾宁燕扫描版.pdf ...

  6. AJAX学习前奏----JS基础加强

     AJAX学习前奏----JS基础加强 知识概要: 1.js类&属性&方法的定义 2.静态属性与方法 3.构造方法 4.原型的使用 5.Object对象直接加属性和方法 6.JSO ...

  7. JavaScript紧凑学习

    JavaScript紧凑学习 windows本地,调用命令行: win键+R 键入cmd , (cmd是Command 命令行 简称) 目录是C盘下的 C:\Users\Administrator&g ...

  8. AJAX学习2

    作者声明:本博客中所写的文章,都是博主自学过程的笔记,参考了很多的学习资料,学习资料和笔记会注明出处,所有的内容都以交流学习为主.有不正确的地方,欢迎批评指正. 本文学习内容:https://www. ...

  9. [学习笔记]AJAX学习

    AJAX学习 ——在w3cschool学习AJAX的学习笔记 参考网站:w3cschool XMLHttpRequest 是 AJAX 的基础. XMLHttpRequest 对象 所有现代浏览器均支 ...

  10. javascript立体学习指南

    javascript立体学习指南第一章:首先了解javascript 首先,什么是javascript? JavaStrip出生于1995年,是一种文本脚本语言,成都装修公司是一种动态的.弱类型的.基 ...

随机推荐

  1. windows下使用批处理调用exe和服务

    手动调用exe或者启动服务很麻烦,可以使用.bat批处理文件,双击运行即可.步骤如下:创建一个新的txt文件但是保存成.bat结尾的文件(选择用记事本打开编写命令),输入代码内容格式如下: @echo ...

  2. Win8/8.1/10获得完整管理员权限的方法

    WIN+R,运行对话框中输入gpedit.msc,开启组策略,然后一步步地在“计算机配置”-“Windows 设置”-“安全设置”-“本地策略”-“安全选项”,找到右侧的“用户账户控制:以管理员批准模 ...

  3. [IOS]包含增删改查移动的tableView展示+plist文件保存+程序意外退出保存Demo

    做一个tableView,包含增删改移动功能,并且修改值的时候,在按home键的时候会自动保存.如果可以的话使者保存自定义的类数组保存到plist中. 实现步骤: 1.创建一个SingleViewAp ...

  4. Spring初学(一)

    Spring核心机制:依赖注入 依赖注入简单的理解就是 由Spring负责对model进行设置,而非由controller直接设置. 通过依赖注入,javaEE各种组件可以解耦. 依赖注入(Depen ...

  5. 转:TestLink1.9.3测试用例:Excel转换XML工具<二>实现代码

    TestLink1.9.3测试用例:Excel转换XML工具<二>实现代码 http://blog.csdn.net/candle806/article/details/7490599 以 ...

  6. 图片实时预览JSP加js

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  7. 外观模式之C++实现

    说明:本文仅供学习交流,转载请标明出处.欢迎转载. 在我们学习程序设计时经常会用到模块化设计的思想,这一思想是我们首先把要实现的功能用一个模块表示,当用户想完毕某个人物时依次调用相应的函数. 然而.假 ...

  8. 未知宽高div水平垂直居中3种方法

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> </head&g ...

  9. Java中Thread类的start()和run()的区别

    1.start()方法来启动线程,真正实现了多线程运行,这时无需等待run方法体代码执行完毕而直接继续执行下面的代码. 通 过调用Thread类的start()方法来启动一个线程,这时此线程是处于就绪 ...

  10. 未能的导入项目,请确认<Import>声明中的路径正确

    对于这样的错误,根据提示应该是项目的管理文件(.csproj)中有问题.找到对应的位置修改即可