關於ajax跨域請求API數據的一些問題

　　一般來說我們使用jquery的ajax來跨域請求API數據的時候每次請求，就只能請求一組數據，而且當我們再次點擊發送ajax請求的時候，新請求的數據會覆蓋掉原來的數據，那么如何每次在請求的數據的時候，保留我們上次請求的數據呢？

　　做法很簡單，聲明全局變量，把每次請求的數據，緩存起來，這樣有兩個好處，一個是減少http請求，降低交互事件，另一個是方便我們查詢歷史數據。

　　下面是我們一般使用jquery發送ajax請求的代碼片段：

function testData(arg){
            $.ajax({
                type:'get',//請求方式
                url:'',//api地址
                dataType:'jsonp',//使用jsonp來開始跨域
                jsonpCallback:'Callback',//跨域需要的回調函數
                success:function(data){
                    // 請求數據成功后的調用的函數
                    // data就是我們要獲取的參數
                }
            })
        }
其實通過上面代碼我們很容就能看出，我們每次調用方法，發送ajax請求，都會獲得一組全新的數據，因為參數data是每發送一次的請求，就會攜帶一組新的數據給我們！這就是問題所在：

　　那么我們對下面的代碼進行改造：

var items = {};
        var results = [];
        function testData(arg){
            $.ajax({
                type:'get',//請求方式
                url:'',//api地址
                dataType:'jsonp',//使用jsonp來開始跨域
                jsonpCallback:'Callback',//跨域需要的回調函數
                success:function(data){
                    // 請求數據成功后的調用的函數
                    // data就是我們要獲取的參數
                    // 一般API的結構是對象里面包含對象數組
                    // 那么首先我們先把我們想要的數據，以對象的形式的添加到數組中
                    results.push({
                        foo:data.foo,
                        bar:data.bar,
                        name:data.name
                    })
                    // 其次再把這個數組當成對象的屬性，添加到一個空對對象中，這樣就實現了數據的緩存
                    items = {
                        results:results
                    }
                }
            })
        }