這篇文章主要介紹js與jQuery如何實(shí)現(xiàn)的兼容多瀏覽器Ajax請(qǐng)求，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都做網(wǎng)站、網(wǎng)站設(shè)計(jì)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時(shí)代的隴川網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

ajax我們經(jīng)常會(huì)用到的，但網(wǎng)上找到的大部份ajax兼容性都不強(qiáng)，下面自己改了一個(gè)不錯(cuò)的兼容性很強(qiáng)的ajax函數(shù)，同時(shí)后面介紹的jquery ajax 兼容性也很強(qiáng)。

一、純js實(shí)現(xiàn)的Ajax實(shí)例：

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概述

出現(xiàn)JQuery后，使AJAX變得更加容易實(shí)現(xiàn)。
JQuery中，AJAX的高層實(shí)現(xiàn)主要有$.get(),$.post()等，下面詳細(xì)介紹一下$.ajax()的使用方法
1、請(qǐng)求頁(yè)面AJAX.aspx
js代碼如下：

        function Text_ajax()
        {
           $.ajax(
           {
              type:"GET",//通常會(huì)用到兩種：GET,POST。默認(rèn)是：GET
              url:"ResponseText.aspx",//(默認(rèn): 當(dāng)前頁(yè)地址) 發(fā)送請(qǐng)求的地址
              dataType:"html",//預(yù)期服務(wù)器返回的數(shù)據(jù)類型。
              beforeSend:beforeSend, //發(fā)送請(qǐng)求
              success:callback, //請(qǐng)求成功
              error:error,//請(qǐng)求出錯(cuò) 
              complete:complete//請(qǐng)求完成
              
           });
        }
        function error(XMLHttpRequest, textStatus, errorThrown)
        {
              // 通常情況下textStatus和errorThown只有其中一個(gè)有值 
              $("#showResult").append("
請(qǐng)求出錯(cuò)啦！
");
        }
        function complete(XMLHttpRequest, textStatus)
        {  
              $("#showResult").append("
請(qǐng)求完成
");
        }
        function beforeSend(XMLHttpRequest)
        {
              $("#showResult").append("
發(fā)送請(qǐng)求…..
");
               
        }
        function callback(msg)
        {
              $("#showResult").append("
請(qǐng)求成功，回傳數(shù):"+msg+"
");         
        }
    

html代碼如下：

 protected void Page_Load(object sender, EventArgs e)
    {
        Response.Write("呵呵！測(cè)試成功啦！");
    }

data:{id:1, type:encodeURI(encodeURI('商品'))}

String type = request.getParameter("type");
type = URLDecoder.decode(type, "UTF-8");

contentType: "application/x-www-form-urlencoded; charset=UTF-8″