JavaScript中類比實現jsonp，javascriptjsonp

JavaScript中類比實現jsonp，javascriptjsonp

function prescript(s) {    if (s.cache === undefined) {      s.cache = false;    }    if (s.crossDomain) {      s.type = "GET";    }  }  function prejsonp(s, originalSettings, jqXHR) {    // 給回呼函數命名    var callbackName = s.jsonpCallback    s.url += (/(?:)/.test(s.url) ? "&" : "?") + s.jsonp + "=" + callbackName;    // 指令碼執行後使用資料轉換器來檢索json    // 提供給代碼擷取伺服器的是據    s.getData = function() {      if (!responseContainer) {        jQuery.error(callbackName + " was not called");      }      return responseContainer[0];    };    //修改處理機制    s.dataTypes[0] = "json";    // 建立一個全域函數    overwritten = window[callbackName];    //用來收集伺服器給的資料    window[callbackName] = function() {      responseContainer = arguments;    };    return "script";  }  /**   * jsonp的預先處理   */  function inspectPrefiltersOrTransportsA(options, originalOptions, jqXHR) {    //預先處理jsonp    var dataTypeOrTransport = prejsonp(options, originalOptions, jqXHR)    //擴充dataTypes    options.dataTypes.unshift(dataTypeOrTransport);    //預先處理script類型    prescript(options)  }  /**   * 分發器   * @return {[type]} [description]   */  function inspectPrefiltersOrTransportsB(s, originalOptions, jqXHR) {    return {      send: function(_, complete) {        var script = jQuery("<script>").prop({          async: true,          charset: s.scriptCharset,          src: s.url        }).on(          "load error",          callback = function(evt) {            script.remove();            callback = null;            if (evt) {              complete()            }          }        );        //<script async="" src="http://192.168.1.113:8080/github/jQuery/jsonp.php        document.head.appendChild(script[0]);      }    }  }  /**   * 類比ajax的 jsonp請求   * @param {[type]} options [description]   * @return {[type]}     [description]   */  function createAjax(options) {    if (typeof url === "object") {      options = url;      url = undefined;    }    options = options || {};    /**     * 參數     * jQuery.ajaxSetup 是預設參數     * @type {[type]}     */    var s = jQuery.ajaxSetup({}, options);    // Deferreds    // 非同步機制    var deferred = jQuery.Deferred();    var completeDeferred = jQuery.Callbacks("once memory");    /**     * 實際返回的ajax對象     * @type {Object}     */    var jqXHR = {}    // 把jqXHR對象轉化promise對象，幷加入complete、success、error方法    deferred.promise(jqXHR).complete = completeDeferred.add;    //別名    jqXHR.success = jqXHR.done;    jqXHR.error = jqXHR.fail;    s.dataTypes = jQuery.trim(s.dataType || "*").toLowerCase().match(/(?:)/) || [""];    //預先處理    inspectPrefiltersOrTransportsA(s, options, jqXHR);    for (i in {      success: 1,      error: 1,      complete: 1    }) {      jqXHR[i](s[i]);    }    /**     * 分發器     */    transport = inspectPrefiltersOrTransportsB(s, options, jqXHR);    function done(status, nativeStatusText, responses, headers) {      console.log(s,s.getData())    }    //發送請求    transport.send(s, done);    return jqXHR;  }  function show(data){    $('body').append('<li>'+ data +'</li>');  }  /**   * 資料回調接收   * @return {[type]} [description]   */  function flightHandler(){  }  $("#test").click(function(){    //執行一個非同步HTTP（Ajax）的請求。    var ajax = createAjax({      url: 'http://192.168.1.113:8080/github/jQuery/jsonp.php',      data: {        'action': 'aaron'      }, // 預傳參的數組      dataType: 'jsonp', // 資料類型      jsonp: 'callback', // 指定回呼函數名，與伺服器端接收的一致，並回傳回來      jsonpCallback:flightHandler,      success: function() {        show('局部事件success')      }    })  })