/**
 *     @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. 从汇编来看c语言

    一. 学习过程 从C语言的角度提出一些问题,这些问题再从汇编的角度考虑,还真的很有意思. (1) 我们用高级语言编程时,一般不可能不用到变量,但是一定要用到变量吗?还有这些变量从汇编的角度是怎么实现的 ...

  2. Powershell创建对象

    .Net类型中的方法功能很强大.可以通过类型的构造函数创建新的对象,也可以将已存在的对象转换成指定的类型. 通过New-Object创建新对象 如果使用构造函数创建一个指定类型的实例对象,该类型必须至 ...

  3. Teach Yourself Scheme in Fixnum Days 13 Jump跳转

    Jumps One of the signal features of Scheme is its support for jumps or nonlocal control. Specificall ...

  4. Jetty直接调试,不用部署,不用弄一些杂七杂八的设置

    以前调试web程序的,搭建Tomcat实在是费劲,就想找一个比较简单的方式,我就想调试一下我写的某一个servlet形式,看到<how Tomcat works>这本书,才明白确实可以,不 ...

  5. Http(get,post)及HttpClient(get,post)的简单使用

    1. 使用 Http 的 Get 方式读取网络数据 import java.io.BufferedReader; import java.io.IOException; import java.io. ...

  6. 关于win8开发的一点小总结

    我今天做画面的时候,发现了一点小问题. 我在xmal文件里面加了一个CheckBox控件,设置IsChecked属性为True,并添加了Checked事件.Checked事件里面有对另外一个TextB ...

  7. (转载)iOS Framework: Introducing MKNetworkKit

    This article is available in Serbo-Croatian,  Japanese and German. (Translations in Serbo-Croatian b ...

  8. web前端代码规范——css代码规范

    Bootstrap CSS编码规范 语法 用两个空格来代替制表符(tab) -- 这是唯一能保证在所有环境下获得一致展现的方法. 为选择器分组时,将单独的选择器单独放在一行. 为了代码的易读性,在每个 ...

  9. Android开发小问题——java使用

    2013-09-25 导语:离上次写博客有点久了,这次写两个开发中解决的问题吧. 正文: 1.ArrayList<E>使用remove问题: 2.字符串映射到函数运行方法: ==== 1. ...

  10. 【百度之星2014~初赛(第二轮)解题报告】Chess

    声明 笔者近期意外的发现 笔者的个人站点http://tiankonguse.com/ 的非常多文章被其他站点转载.可是转载时未声明文章来源或參考自 http://tiankonguse.com/ 站 ...