? ?
java jsonp是什么,讓我們一起了解一下?
jsonp是一個非官方的協議,允許在服務器端集成Script tags返回至客戶端,通過javascript callback的形式實現跨域訪問。JSON系統開發方法是一種典型的面向數據結構的分析和設計方法,以活動為中心,一連串的活動的順序組合成一個完整的工作進程。
JSONP由兩部分組成:回調函數和數據。回調函數是當響應到來時應該在頁面中調用的函數?;卣{函數的名字一般是在請求中指定的。而數據就是傳入回調函數中的 JSON 數據。
動態創建script標簽,設置其src,回調函數在src中設置:
var?script?=?document.createElement("script"); script.src?=?"https://api.douban.com/v2/book/search?q=javascript&count=1&callback=handleResponse"; document.body.insertBefore(script,?document.body.firstChild);
在頁面中,返回的JSON作為參數傳入回調函數中,我們通過回調函數來來操作數據。
function?handleResponse(response){ ????//?對response數據進行操作代碼 }
那客戶端的工作進程是怎樣的?
示例代碼如下:
????window.onload?=?function()?{ ????var?oBtn?=?document.getElementById('btn'); ????oBtn.onclick?=?function()?{ ????????var?xhr?=?new?XMLHttpRequest(); ????????xhr.onreadystatechange?=?function()?{ ????????????if?(xhr.readyState?==?4?&&?xhr.status?==?200)?{ ????????????????????alert(?xhr.responseText?); ????????????} ????????}; ????????xhr.open('get',?'https://api.douban.com/v2/book/search?q=javascript&count=1',?true); ????????xhr.send();? ????}; };
以上就是小編今天的分享了,希望可以幫助到大家。