jsonp 的實質

發送 get請求,能夠經過 瀏覽器輸入 url地址,也能夠在 javascript 腳本中手動發送 ajax。javascript

或者也能夠在 Html網頁中定義一個 帶 src的 Html 標籤,好比 <img src="" /> ,<script src=""></script>等。html

那麼 jsonp 就是經過在網頁中嵌入一個 <script src=""></script>標籤,來發送 get請求。java

 

流程:ajax

你 在瀏覽器中輸入某網站地址 --> 加載 html 頁面 --> 執行你定義的腳本(該腳本定義了一個函數 const doSomething() = (user) => { print(user.name} }, 函數定義好了,可是須要調用該函數,並往裏面傳入 user數據的值。那麼此腳本又生成一個 <script src="http://www.example.net/api?param1=1&callback=doSomething"></script> 標籤) --> 瀏覽器讀取你剛纔生成的 script 標籤,獲取該 script 標籤的內容(發送 get請求訪問src 指向的地址,該地址指向一個遠程腳本) --> 遠程服務器返回該腳本(形如 doSomething({name: 'lisi', phone: 13414232348})  )--> 瀏覽器執行該 script 腳本(doSomething({name: 'lisi', phone: 13414232348}) )。這下,原先定義的函數執行了,被往裏面傳入了 user數據的值。json

相關文章
相關標籤/搜索