define(function (require, exports, module) {

  var $ = require('jquery');

  //根據(jù)關(guān)鍵的幾個參數(shù)統(tǒng)一創(chuàng)建ajax對象
  function create(_url, _method, _data, _async, _dataType) {
    //添加隨機(jī)數(shù)
    if (_url.indexOf('?') > -1) {
      _url = _url + '&rnd=' + Math.random();
    } else {
      _url = _url + '?rnd=' + Math.random();
    }

    //為請求添加ajax標(biāo)識，方便后臺區(qū)分ajax和非ajax請求
    _url += '&_ajax=1';

    //返回jquery創(chuàng)建的ajax對象，以便外部拿到這個對象以后可以通過
    //.done .fail .always來添加回調(diào)
    //這么做是為了保留jquery ajax中好用的部分
    return $.ajax({
      url: _url,
      dataType: _dataType,
      async: _async,
      method: _method,
      data: _data
    });
  }

  //ajax就是本組件全局唯一的實例，它的實例方法通過后面的循環(huán)代碼添加
  //methods對象配置ajax各個實例方法的參數(shù)：
  //name: 方法名稱
  //method: http請求方法，get or post
  //async: 發(fā)送請求時是否異步
  //dataType: 返回的數(shù)據(jù)類型，html or json
  var ajax = {},
    methods = [
      {
        name: 'html',
        method: 'get',
        async: true,
        dataType: 'html'
      },
      {
        name: 'get',
        method: 'get',
        async: true,
        dataType: 'json'
      },
      {
        name: 'post',
        method: 'post',
        async: true,
        dataType: 'json'
      },
      {
        name: 'syncGet',
        method: 'get',
        async: false,
        dataType: 'json'
      },
      {
        name: 'syncPost',
        method: 'post',
        async: false,
        dataType: 'json'
      }
    ];

  //由于二次封裝需要對外提供的每個實例方法創(chuàng)建ajax的邏輯是相同的
  //所以通過這種方式統(tǒng)一定義各個實例方法
  //關(guān)鍵代碼為下面代碼中的那個立即調(diào)用的函數(shù)
  //它返回了一個新的閉包函數(shù)作為實例方法
  for (var i = 0, l = methods.length; i < l; i++) {
    ajax[methods[i].name] = (function (i) {
      return function () {
        /**
         * 每個實例方法接收三個參數(shù)
         * 第一個表示要請求的地址
         * 第二個表示要提交到后臺的數(shù)據(jù)，是一個object對象，如{param1: 'value1'}
         * 第三個表示后臺返回的數(shù)據(jù)類型，最最常用的就是html or json，絕大部分情況下這個參數(shù)不用傳，會使用methods里面定義的dataType
         */
        var _url = arguments[0],
          _data = arguments[1],
          _dataType = arguments[2] || methods[i].dataType;

        return create(_url, methods[i].method, _data, methods[i].async, _dataType);
      }
    })(i);
  }

  return ajax;
});

define(function (require, exports, module) {

  var Ajax = require('mod/ajax');

  //以GET方式請求html內(nèi)容
  Ajax.html('html/demo', {
    param1: 'value1',
    param2: 'value2'
  }).done(function(response){
    //請求成功的回調(diào)
  }).fail(function(){
    //請求失敗的回調(diào)
  }).always(function(){
    //請求完成的回調(diào)
  });

  //以GET方式請求json數(shù)據(jù)
  Ajax.get('api/demo', {
    param1: 'value1',
    param2: 'value2'
  }).done(function(response){
    //請求成功的回調(diào)
  }).fail(function(){
    //請求失敗的回調(diào)
  }).always(function(){
    //請求完成的回調(diào)
  });

  //以POST方式請求json數(shù)據(jù)
  Ajax.post('api/demo', {
    param1: 'value1',
    param2: 'value2'
  }).done(function(response){
    //請求成功的回調(diào)
  }).fail(function(){
    //請求失敗的回調(diào)
  }).always(function(){
    //請求完成的回調(diào)
  });

  //以GET方式發(fā)送同步請求，獲取json數(shù)據(jù)
  Ajax.syncGet('api/demo', {
    param1: 'value1',
    param2: 'value2'
  }).done(function(response){
    //請求成功的回調(diào)
  }).fail(function(){
    //請求失敗的回調(diào)
  }).always(function(){
    //請求完成的回調(diào)
  });

  //以POST方式發(fā)送同步請求，獲取json數(shù)據(jù)
  Ajax.syncPost('api/demo', {
    param1: 'value1',
    param2: 'value2'
  }).done(function(response){
    //請求成功的回調(diào)
  }).fail(function(){
    //請求失敗的回調(diào)
  }).always(function(){
    //請求完成的回調(diào)
  });

});

define(function (require, exports, module) {

  var $ = require('jquery');
  var Ajax = require('mod/ajax');

  //緩存列表
  var cache = {};

  /**
   * 生成緩存索引：
   * 由于索引是根據(jù)url和data生成的（data是一個對象，存放Ajax要提交到后臺的數(shù)據(jù)）
   * 所以要想同一個url，同樣的data能夠有效地使用緩存，
   * 切勿在url和data中包含每次可變的參數(shù)值，如隨機(jī)數(shù)等
   * 比如有一個請求：
   * url: aaa/bbb/cccc?r=0.312738
   * data: {name: 'json'}
   * 其中url后面的r是一個隨機(jī)數(shù)，每次外部發(fā)起這個請求時，r的值都會變化
   * 由于r每次都不同，最終會導(dǎo)致緩存索引不相同，結(jié)果緩存就無法命中
   * 注：隨機(jī)數(shù)可放置在原始的Ajax組件內(nèi)
   *
   * 還有：如果是同一個接口，最好在同一個頁面內(nèi)，統(tǒng)一url的路徑類型，要么都是相對路徑，要么都是絕對路徑
   * 否則也會導(dǎo)致緩存無法有效管理
   */
  function generateCacheKey(url, data) {
    return url + $.param(data);
  }

  return function (opts) {
    opts = opts || {};

    var cacheInterval = opts.cacheInterval || (1000 * 60 * 60);//緩存有效時間，默認(rèn)60分鐘

    var proxy = {};
    for (var i in Ajax) {
      if (Object.prototype.hasOwnProperty.call(Ajax, i)) {
        //在proxy對象上定義Ajax組件每一個實例方法的代理
        //注意這個立即調(diào)用的函數(shù)表達(dá)式
        //它返回了一個閉包函數(shù)就是最終的代理方法
        proxy[i] = (function (i) {
          return function () {
            var _url = arguments[0],
              _data = arguments[1],
              cacheKey = generateCacheKey(_url, _data),
              cacheItem = cache[cacheKey],
              isCacheValid = false;

            if (cacheItem) {
              var curTime = +new Date();
              if (curTime - cacheItem.cacheStartTime <= cacheInterval) {
                //如果請求時間跟緩存開始時間的間隔在緩存有效時間范圍內(nèi)，就表示緩存是有效的
                isCacheValid = true;
              } else {
                //否則就把緩存清掉
                delete cache[cacheKey];
              }
            }

            if (isCacheValid) {
              //模擬一個異步任務(wù)來返回已經(jīng)緩存的數(shù)據(jù)
              //通過$defer延遲對象，可以保證這個模擬任務(wù)返回的對象跟原始Ajax組件調(diào)用返回的對象有相同的API
              //這是代理的關(guān)鍵：代理對象與被代理的對象應(yīng)該具有相同API
              //只有這樣當(dāng)我們?nèi)∠淼臅r候，不會對那些用了代理的組件進(jìn)行修改
              var $defer = $.Deferred();
              setTimeout(function () {
                $defer.resolve(cacheItem.res);
              }, 10);
              return $.when($defer);
            }

            //緩存失效或者沒有緩存的時候調(diào)用原始的Ajax組件的同名方法去后臺請求數(shù)據(jù)
            return Ajax[i].apply(Ajax, arguments).done(function (res) {
              //在請求成功之后將結(jié)果緩存，并記錄當(dāng)前時間作為緩存的開始時間
              cache[cacheKey] = {
                res: res,
                cacheStartTime: +new Date()
              }
            });
          }
        })(i);
      }
    }
    return proxy;
  };
});

define(function (require, exports, module) {

  var AjaxCache = require('mod/ajaxCache');

  //創(chuàng)建代理對象
  var Ajax = new AjaxCache({
    cacheInterval: 10 * 1000
  });

  var count = 5;

  console.log('時間點：第' + 0 + 's，定時器開始！');
  var t = setInterval(function(){
    if(count == 0) {
      console.log('時間點：第' + (5 - count + 1) * 4 + 's，定時器結(jié)束！');
      return clearInterval(t);
    } else{
      console.log('時間點：第' + (5 - count + 1) * 4 + 's：');
    }

    Ajax.get('../api/data.json', {
      name: 'felix'
    }).done(function(res){
      if(res.code == 200) {
        console.log(5 - count + '. data is : ' + JSON.stringify(res.data));
      }
    });

    count --;
  },4000);

});