关于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
                     }
                 }
             })
         }