1. 程式人生 > >跨域問題之JSONP

跨域問題之JSONP

<script>
    //假設伺服器地址是http://domain.com/getData 並且執行jsonp方式訪問
    var script = document.createElement('script');
    script.setAttribute('src', "http://domain.com/getData?cb=fn1");
    var header =document.getElementsByTagName('head')[0];
    header.appendChild(script);

    function fn1(data) {
      console.log(data);
    }
</script>

1、script標籤

2、在script標籤載入資源是沒有跨域問題的

    在資源載入進來之前定義好一個函式,這個函式接收一個引數(資料),函式裡面利用這個引數做某些事情,然後需要的時候通過script標籤載入對應遠端檔案資源,當遠端的檔案資源被載入進來的時候,就會去執行我們前面定義好的函式,並且把資料當作這個函式的引數傳入進去