ajax的封裝

標籤：ajax 自調用匿名函數

    利用自調用匿名函數對ajax進行封裝，會節省我們很多精力重複地書寫代碼。下面封裝了get、post兩種請求，以及text、xml、json資料類型傳輸。如下：    (function(){    //1、用於得到一個DOM元素    //定義了一個$函數 範圍有局部    var $ = function(id){        return document.getElementById(id);    };        //2、用於得到一個Ajax對象    //將$看作函數對象，init為屬性，值為函數體    $.init = function(){        try{return new XMLHttpRequest()}catch(e){}         try{return new ActiveXObject(‘Microsoft.XMLHTTP‘)}catch(e){}        alert(‘請更改新瀏覽器！‘);    };        //用於發送Ajax get請求    $.get = function(url,data,callback,type){        var xhr = $.init();        if (data != null){//傳遞參數、只發出請求            url = url+‘?‘+data;        }        xhr.open(‘get‘,url);        xhr.setRequestHeader(‘If-Modified-Since‘,‘0‘);//解決get緩衝問題        xhr.onreadystatechange = function(){            if (xhr.readyState == 4 && xhr.status == 200){                //當沒有指定傳實值型別時，預設為字串                if (type == null){                    type = ‘text‘;                }                //判斷語句指定三種接收形式                if (type == ‘text‘){                    callback(xhr.responseText);                }                if (type == ‘xml‘){                    callback(xhr.responseXML);                }                if (type == ‘json‘){                    callback(eval("("+xhr.responseText+")"));                }            }        };    xhr.send(null);    };        //用於發送Ajax post請求    $.post = function(url,data,callback,type){        var xhr = $.init();        xhr.open(‘post‘,url);        xhr.setRequestHeader(‘content-type‘,‘application/x-www-form-urlencoded‘);        xhr.onreadystatechange = function(){            if (xhr.readyState == 4 && xhr.status == 200){                //當沒有指定傳實值型別時，預設為字串                if (type == null){                    type = ‘text‘;                }                //判斷語句指定三種接收形式                if (type == ‘text‘){                    callback(xhr.responseText);                }                if (type == ‘xml‘){                    callback(xhr.responseXML);                }                if (type == ‘json‘){                    callback(eval("("+xhr.responseText+")"));                }            }        };        xhr.send(data);    };        //增大其範圍全域變數  window方法的$屬性  賦值為$  閉包寫法    window.$ = $;})();

本文出自 “做一隻蝸牛真好” 部落格，請務必保留此出處http://smili.blog.51cto.com/8919945/1565331

ajax的封裝