模仿jsonp跨域請(qǐng)求

genefy 發(fā)布于2019-08-19 17:52 / 1118人閱讀

var jsonp = function() {
  var extend = function(obj, attrs) {
    for (var name in attrs) {
      obj[name] = attrs[name];
    }
  };
  var jsonp = function() {
    jsonp_imp.apply(null, arguments);
  };
  extend(jsonp, {
    guid: 0,
    requests: {},
    avail_tag: [],
    request_timeout: 5 //seconds
  });
  
  var Request = function(obj) {
    extend(this, obj);
    this.init && this.init();
  };
  var oo = Request.prototype;
  oo.remove = function() {
    var js = this.js;
    js.parentNode.removeChild(js);
    js = null;
    delete jsonp.requests[this.id];
  };
  oo.on_complete = function() {
    if (this.success) {
      this.success();
      this.success = null;
    }
  };
  oo.on_timeout = function() {
    var state = this.js.readyState;
    if (state != "complete" && state != "loaded" && this.failed) {
      this.failed();
      this.failed = null;
    }
    state = null;
    this.remove();
  };
  oo.init = function() {
    var request = this;
    this.js.onload = function() {
      request.on_complete();
    };
    setTimeout(function() {
      request.on_timeout();
    }, request.timeout);
  };
  
  var jsonp_imp = function(url, charset, timeout, failed, success) {
    var head = document.getElementsByTagName("head")[0];
    var js = document.createElement("script");
    head.appendChild(js);
    if (!charset) {
      charset = "utf-8";
    }
    var id = jsonp.guid++;
    if (!timeout) {
      timeout = jsonp.request_timeout * 1000;
    }
    var now = new Date();
    var request = new Request({
      id: id,
      url: url,
      charset: charset,
      failed: failed,
      success: success,
      js: js,
      stat_time: now,
      timeout: timeout
    });
    
    
    jsonp.requests[id] = request;
    js.charset = charset;
    js.src = url;
    return id;
  };
  return jsonp;
}();

var url = "http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.js";
var url2 = "http://saic-sis.escdn.com/api.php?op=get_linkage_xjw&parentid=10000000000004&act=ajax_getlist&keyid=1&callback=cb";
jsonp(url2 ,
  null, 
  5000,
  function(){alert("failed");},  
  function(){alert("load ok");}
);
function cb(d) {
  console.log(d);
}

云服務(wù)器 GPU云服務(wù)器 jsonp跨域請(qǐng)求 jsonp 跨域 jsonp 跨域亂碼 ajax jsonp跨域傳值

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/78927.html

相關(guān)文章

跨域

摘要：一同源策略瀏覽器出于安全方面的考慮，只允許與本域下的接口交互。包括發(fā)送信息的內(nèi)容，發(fā)送信息的域名等等同樣的，在內(nèi)添加一個(gè)事件監(jiān)聽(tīng)綁定事件，在內(nèi)通過(guò)方法發(fā)送信息給一樣可以進(jìn)行跨域通信一、同源策略(Same origin Policy) 瀏覽器出于安全方面的考慮，只允許與本域下的接口交互。不同源的客戶端腳本在沒(méi)有明確授權(quán)的情況下，不能讀寫對(duì)方的資源。 1、同源(本域) 所謂同源指的是三個(gè)...

keelii 2019-08-23 14:00 評(píng)論0 收藏0
JSONP原理

摘要：高級(jí)部分前后端聯(lián)動(dòng)瀏覽器服務(wù)器數(shù)據(jù)庫(kù)是什么文件系統(tǒng)是一種數(shù)據(jù)庫(kù)是一種數(shù)據(jù)庫(kù)也是一個(gè)軟件只要能長(zhǎng)久地存數(shù)據(jù)，就是數(shù)據(jù)庫(kù)前后端如何配合接下來(lái)我們用一個(gè)文件充當(dāng)數(shù)據(jù)庫(kù)實(shí)際上數(shù)據(jù)庫(kù)的存儲(chǔ)內(nèi)容本質(zhì)就是一個(gè)帶有結(jié)構(gòu)的文件捋一捋前后端交互的過(guò)程代碼在這里 jsonp javascript高級(jí)部分:前后端聯(lián)動(dòng),瀏覽器+服務(wù)器 1數(shù)據(jù)庫(kù)是什么文件系統(tǒng)是一種數(shù)據(jù)庫(kù)MySQL 是一種數(shù)據(jù)庫(kù),也是一個(gè)軟件只...

testHs 2019-08-23 10:28 評(píng)論0 收藏0
跨域

摘要：代碼第日前瞻中國(guó)沖擊金博爾特再戰(zhàn)米羽球正直播柴飚洪煒出戰(zhàn)男雙力爭(zhēng)會(huì)師決賽女排將死磕巴西郎平安排男陪練模仿對(duì)方核心執(zhí)行結(jié)果用，不跨域的打開(kāi)發(fā)送請(qǐng)求時(shí)，請(qǐng)求頭內(nèi)部沒(méi)有當(dāng)我用打開(kāi)，出現(xiàn)跨域時(shí)。一、同源策略瀏覽器出于安全方面的考慮，只允許與本域下的接口交互（當(dāng)前頁(yè)面得url必須和接口得url是同源的）。不同源的客戶端腳本在沒(méi)有明確授權(quán)的情況下，不能讀寫對(duì)方的資源。 1、本域同協(xié)議：如都是...

MageekChiu 2019-08-23 13:55 評(píng)論0 收藏0
前端部分知識(shí)總結(jié)

摘要：在中，每一個(gè)節(jié)點(diǎn)被稱為回流重繪回流中部分全部元素的規(guī)模尺寸布局等改變而需要重新構(gòu)建頁(yè)面。而就是通過(guò)調(diào)用構(gòu)造函數(shù)創(chuàng)建的對(duì)象實(shí)例的原型對(duì)象原型所指的就是一個(gè)對(duì)象，實(shí)例繼承對(duì)象的屬性。亂序不間斷更新絕大多數(shù)寫的比較淺顯看個(gè)樂(lè)子 display:none 和visibility:hidden的區(qū)別 display:none徹底消失將會(huì)隱藏它以及所有的后代元素占據(jù)的空間消失，瀏覽器不會(huì)...

wuaiqiu 2019-08-02 16:13 評(píng)論0 收藏0
前端部分知識(shí)總結(jié)

摘要：在中，每一個(gè)節(jié)點(diǎn)被稱為回流重繪回流中部分全部元素的規(guī)模尺寸布局等改變而需要重新構(gòu)建頁(yè)面。而就是通過(guò)調(diào)用構(gòu)造函數(shù)創(chuàng)建的對(duì)象實(shí)例的原型對(duì)象原型所指的就是一個(gè)對(duì)象，實(shí)例繼承對(duì)象的屬性。亂序不間斷更新絕大多數(shù)寫的比較淺顯看個(gè)樂(lè)子 display:none 和visibility:hidden的區(qū)別 display:none徹底消失將會(huì)隱藏它以及所有的后代元素占據(jù)的空間消失，瀏覽器不會(huì)...

Yujiaao 2019-08-23 17:04 評(píng)論0 收藏0