摘要：對(duì)象待會(huì)講，我認(rèn)為是設(shè)計(jì)最巧妙的地方。在跨域的時(shí)候會(huì)使用到，這是為了禁止使用。的目的在于創(chuàng)建一個(gè)事件，然后在觸發(fā)他，如果默認(rèn)行為被取消了，則返回。這是的初始化，默認(rèn)是請(qǐng)求，是新建的對(duì)象，表示瀏覽器是否應(yīng)該被允許緩存響應(yīng)。

在學(xué)習(xí)zepto的源碼的時(shí)候，不得不稱贊這些人的厲害，我雖然能看明白，但是要我寫，估計(jì)吭哧吭哧寫不出來。雖然現(xiàn)在很少人使用zepto了，但是學(xué)習(xí)這些源碼我相信每次看都能給咱們不同的感受。Deferred對(duì)象待會(huì)講，deferred我認(rèn)為是zepto設(shè)計(jì)最巧妙的地方。先來看zepto的ajax模塊。

;(function($){
  var jsonpID = +new Date();

  function triggerAndReturn(context, eventName, data) {
    var event = $.Event(eventName);
    $(context).trigger(event, data);
    return !event.isDefaultPrevented();
  }
})

這里為什么文件開頭都要使用";"這是因?yàn)樵趯?duì)多個(gè)js文件進(jìn)行打包的時(shí)候，如果使用換行分隔代碼，當(dāng)合并壓縮多個(gè)文件之后，換行符會(huì)被刪掉，連在一起可能出錯(cuò)，加上分號(hào)就保險(xiǎn)了。
jsonpID在跨域jsonp的時(shí)候會(huì)使用到，這是為了禁止使用cache。triggerAndReturn()的目的在于創(chuàng)建一個(gè)Event事件，然后在context觸發(fā)他，如果默認(rèn)行為被取消了，則返回false。

$.ajaxSettings = {
  type: "GET",
  success: empty,
  xhr: function () {
    return new window.XMLHttpRequest()
  },
  cache: true,
  crossDomain: false
}

這是ajax的初始化，默認(rèn)是GET請(qǐng)求，xhr是新建的XMLHttpRequest()對(duì)象，cache表示瀏覽器是否應(yīng)該被允許緩存GET響應(yīng)。crossDomain表示是否可以來自另外一個(gè)域。
下面來看看最核心的$.ajax方法。

  $.ajax = function (options) {
      var settings = $.extend({}, options || {}),
        deferred = $.Deferred && $.Deferred(),
        urlAnchor, hashIndex
      for (key in $.ajaxSettings)
        if (settings[key] === undefined) settings[key] = $.ajaxSettings[key]
      ajaxStart(settings)
    ...
  }

首先傳入options，然后將傳入的options存儲(chǔ)到本地，deferred咱們暫時(shí)可以把它看成一個(gè)promise對(duì)象，遍歷$.ajaxSettings，如果用戶沒有設(shè)置里邊有的屬性，那就使用默認(rèn)的屬性。然后調(diào)用ajaxStart開始的函數(shù)。

if (!settings.crossDomain) {
  urlAnchor = document.createElement("a");
  urlAnchor.href = settings.url;
  urlAnchor.href = urlAnchor.href;
  settings.crossDomain = (originAnchor.protocol + "http://" + originAnchor.host) !== (urlAnchor.protocol + "http://" + urlAnchor.host)
}

這里首先crossDomain為false的情況下，進(jìn)入該邏輯，通過判斷我們傳入的url和當(dāng)前window.location.href做對(duì)比，判斷是不是跨域。

if ((hashIndex = settings.url.indexOf("#")) > -1) settings.url = settings.url.slice(0, hashIndex)

var dataType = settings.dataType,
  hasPlaceholder = /?.+=?/.test(settings.url);
if (hasPlaceholder) dataType = "jsonp";

if (settings.cache === false || (
    (!options || options.cache !== true) &&
    ("script" == dataType || "jsonp" == dataType)
  ))
  settings.url = appendQuery(settings.url, "_=" + Date.now())

function appendQuery(url, query) {
  if (query == "") return url;
  return (url + "&" + query).replace(/[&?]{1,2}/, "?")
}
if ("jsonp" == dataType) {
  if (!hasPlaceholder)
    settings.url = appendQuery(settings.url,
      settings.jsonp ? (settings.jsonp + "=?") : settings.jsonp === false ? "" : "callback=?")
  return $.ajaxJSONP(settings, deferred)
}

如果我們沒有傳入url，那么url就是window.location.href。"#"代表網(wǎng)頁(yè)中的一個(gè)位置，右邊的字符，就是該位置的標(biāo)識(shí)符，#是用來指導(dǎo)瀏覽器動(dòng)作的，對(duì)瀏覽器沒有用，所以在截取url的時(shí)候，沒必要把后面的部分傳給服務(wù)器。hasPlaceholder這里的正則表達(dá)式，用于匹配類似"?name=?"這種字符串，如果hasPlaceholder為true，則dataType為jsonp。下面的時(shí)不使用留在緩存的數(shù)據(jù)，第一種是設(shè)置cache為false，或者dataType為script和jsonp的情況，需要在url后面添加事件。下面是appendQuery方法，就是把字符串拼接到url后邊，但是需要把"&"替換成"?"。如果我們的請(qǐng)求是jsonp請(qǐng)求，需要在url后面添加一些callback=?這種參數(shù)。

var mime = settings.accepts[dataType],
    headers = {},
    setHeader = function(name, value) {headers[name.toLowerCase()] = [name, value]},
    protocol = /^([w-]+:)///.test(settings.url) ? RegExp.$1 : window.location.protocol,
    xhr = settings.xhr(),
    nativeSetHeader = xhr.setRequestHeader,
    abortTimeout

if (deferred) deferred.promise(xhr);

if (!settings.crossDomain) setHeader("X-Requested-With", "XMLHttpRequest");
setHeader("Accept", mime || "*/*")
if (mime = settings.mimeType || mime) {
  if (mime.indexOf(",") > -1) mime = mime.split(",", 2)[0]
  xhr.overrideMimeType && xhr.overrideMimeType(mime)
}

settings中的accepts表示從服務(wù)器請(qǐng)求的MIME類型，指定dataType的值，包括script、json、xml、html、text。mime存儲(chǔ)的就是類似"application/json"的字符串。protocol就是匹配咱們類似"http://"的這種協(xié)議。
如果deferred存在，就把xhr轉(zhuǎn)換為deferred對(duì)象。接著看下去，如果不是跨域的，那就是ajax請(qǐng)求。然后后面的判斷條件查了一下是針對(duì)一些mozillar瀏覽器進(jìn)行修正(有個(gè)問題就是他們上哪兒知道的用這種方式來修正啊)。

xhr.onreadystatechange = function() {
  if (xhr.readyState == 4) {
    xhr.onreadystatechange = empty
    if (/*如果成功*/){
      // 對(duì)返回結(jié)果進(jìn)行處理
    }
  }
}

xhr.open(settings.type, settings.url, async, settings.username, settings.password)

沒什么難的，就是根據(jù)傳入的參數(shù)不同進(jìn)行處理。

這個(gè)函數(shù)的作用在于序列化傳入對(duì)象，下面是他的代碼：

 $.param = function (obj, traditional) {
   var params = []
   params.add = function (key, value) {
     if ($.isFunction(value)) value = value()
     if (value == null) value = ""
     this.push(escape(key) + "=" + escape(value))
   }
   serialize(params, obj, traditional)
   return params.join("&").replace(/%20/g, "+")
 }

傳入一個(gè)對(duì)象，和一個(gè)標(biāo)記，這個(gè)traditional表示激活傳統(tǒng)的方式通過$.param來得到data。首先定義一個(gè)空數(shù)組，如果在上面添加方法，這個(gè)方法的主要作用向params里邊添加序列化的對(duì)象，escape=encodeURIComponent,然后調(diào)用serialize，將obj對(duì)象添加到params中，最后返回將params數(shù)組用"&"拼接，然后這里的%20表示空格，意思是將空格替換成"+"

下面是代碼

function serialize(params, obj, traditional, scope) {
  var type, array = $.isArray(obj),
    hash = $.isPlainObject(obj)
  $.each(obj, function (key, value) {
    type = $.type(value)
    if (scope) key = traditional ? scope :
      scope + "[" + (hash || type == "object" || type == "array" ? key : "") + "]"
    // handle data in serializeArray() format
    if (!scope && array) params.add(value.name, value.value)
    // recurse into nested objects
    else if (type == "array" || (!traditional && type == "object"))
      serialize(params, value, traditional, key)
    else params.add(key, value)
  })
}

params是帶有add方法的數(shù)組，遍歷obj的鍵值對(duì)，屬性值可能是對(duì)象也可能是數(shù)組或者字符串分別進(jìn)行處理。如果obj的某個(gè)屬性值是對(duì)象或者數(shù)組，scope就代表是該屬性，那么這時(shí)候向params傳入的key就需要變化，變成類似"a[b]"這里的b是obj的某個(gè)屬性值是對(duì)象的一個(gè)屬性。