【javascript】 藉助script元素髮送HTTP請求:JSONP原理-1

   近來,筆者在簡單瞭解了同源策略的本意之後。它也介紹了一些方法可以跳過同源策略的檢測。其中使用script元素 的src 屬性進行下載指定的URL。

只需要將請求成功返回的數據, 成爲一個js腳本 調用指定函數名的格式,其中攜帶的參數爲json格式 (json格式可直接被解釋器解析).就可以獲取到指定URL請求的數據。

  下面是一個簡單的例子:

   腳本

function callback(json){
  // 處理 json數據
}

以上是一個已經被解析好的 callback函數,其中攜帶一個參數.

在腳本代碼的下方嵌入script 元素

<script src="localhost:3000"></script>

這一個url地址返回的數據格式爲如下的字符串

callback({ "type" : "jsonP" ,
                 "port" : "3000" 
})

當script 腳本代碼加載完成後,自然會調用callback函數。 這樣就可以對 傳遞過來的參數進行處理了。

當然這是簡單的一種方式,如果要使用到現實情況,則需要進行許多的調整。比如說可以傳遞一些參數添加在url地址。

ps: 這是本人第一次寫技術blog. 希望在未來不斷的調整和修改。請高手多多包涵,多多指導。