模仿jsonp跨域請求

genefy 發布于2019-08-19 17:52 / 1067人閱讀

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);
}

GPU云服務器云服務器 jsonp跨域請求 jsonp 跨域 jsonp 跨域亂碼 ajax jsonp跨域傳值

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/78927.html

跨域

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

keelii 2019-08-23 14:00 評論0 收藏0
JSONP原理

摘要：高級部分前后端聯動瀏覽器服務器數據庫是什么文件系統是一種數據庫是一種數據庫也是一個軟件只要能長久地存數據，就是數據庫前后端如何配合接下來我們用一個文件充當數據庫實際上數據庫的存儲內容本質就是一個帶有結構的文件捋一捋前后端交互的過程代碼在這里 jsonp javascript高級部分:前后端聯動,瀏覽器+服務器 1數據庫是什么文件系統是一種數據庫MySQL 是一種數據庫,也是一個軟件只...

testHs 2019-08-23 10:28 評論0 收藏0
跨域

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

MageekChiu 2019-08-23 13:55 評論0 收藏0
前端部分知識總結

摘要：在中，每一個節點被稱為回流重繪回流中部分全部元素的規模尺寸布局等改變而需要重新構建頁面。而就是通過調用構造函數創建的對象實例的原型對象原型所指的就是一個對象，實例繼承對象的屬性。亂序不間斷更新絕大多數寫的比較淺顯看個樂子 display:none 和visibility:hidden的區別 display:none徹底消失將會隱藏它以及所有的后代元素占據的空間消失，瀏覽器不會...

wuaiqiu 2019-08-02 16:13 評論0 收藏0
前端部分知識總結

摘要：在中，每一個節點被稱為回流重繪回流中部分全部元素的規模尺寸布局等改變而需要重新構建頁面。而就是通過調用構造函數創建的對象實例的原型對象原型所指的就是一個對象，實例繼承對象的屬性。亂序不間斷更新絕大多數寫的比較淺顯看個樂子 display:none 和visibility:hidden的區別 display:none徹底消失將會隱藏它以及所有的后代元素占據的空間消失，瀏覽器不會...

Yujiaao 2019-08-23 17:04 評論0 收藏0