本文小编为大家详细介绍“怎么用js与jQuery实现的兼容多浏览器Ajax请求”，内容详细，步骤清晰，细节处理妥当，希望这篇“怎么用js与jQuery实现的兼容多浏览器Ajax请求”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。

在瑞昌等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供网站设计、成都网站制作 网站设计制作按需定制网站,公司网站建设,企业网站建设,高端网站设计,全网整合营销推广,成都外贸网站建设,瑞昌网站建设费用合理。

一、纯js实现的Ajax实例：

var ajax = function() {};
ajax.prototype = {
    request: function(method, url, callback, postVars) {
        var xhr = this.createXhrObject();
        xhr.onreadystatechange = function() {
            if (xhr.readyState !== 4) return;
            (xhr.status === 200) ?
                callback.success(xhr.responseText, xhr.responseXML) :
                callback.failure(xhr,status);
        };
        if (method !== "POST") {
            url += "?" + JSONStringify(postVars);
            postVars = null;
        }
        xhr.open(method, url, true);
        xhr.send(postVars);
    },
    createXhrObject: function() {
        var methods = [
            function() { return new XMLHttpRequest(); },
            function() { return new ActiveXObject("Msxml2.XMLHTTP"); },
            function() { return new ActiveXObject("Microsoft.XMLHTTP"); }
        ],
        i = 0,
        len = methods.length;
        for (; i < len; i++) {
            try {
                methods[i];
            } catch(e) {
                continue;
            }
            this.createXhrObject = methods[i];
            return methods[i];
        }
        throw new Error("ajax created failure");
    },
    JSONStringify: function(obj) {
        return JSON.stringify(obj).replace(/"|{|}/g, "")
                    .replace(/b:b/g, "=")
                    .replace(/b,b/g, "&");
    }
};

二、jQuery $.ajax概述

出现JQuery后，使AJAX变得更加容易实现。
JQuery中，AJAX的高层实现主要有$.get(),$.post()等，下面详细介绍一下$.ajax()的使用方法
1、请求页面AJAX.aspx
js代码如下：

        function Text_ajax()
        {
           $.ajax(
           {
              type:"GET",//通常会用到两种：GET,POST。默认是：GET
              url:"ResponseText.aspx",//(默认: 当前页地址) 发送请求的地址
              dataType:"html",//预期服务器返回的数据类型。
              beforeSend:beforeSend, //发送请求
              success:callback, //请求成功
              error:error,//请求出错 
              complete:complete//请求完成
              
           });
        }
        function error(XMLHttpRequest, textStatus, errorThrown)
        {
              // 通常情况下textStatus和errorThown只有其中一个有值 
              $("#showResult").append("
请求出错啦！
");
        }
        function complete(XMLHttpRequest, textStatus)
        {  
              $("#showResult").append("
请求完成
");
        }
        function beforeSend(XMLHttpRequest)
        {
              $("#showResult").append("
发送请求…..
");
               
        }
        function callback(msg)
        {
              $("#showResult").append("
请求成功，回传数:"+msg+"
");         
        }
    

html代码如下：