? ?

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

以上就是小編今天的分享了，希望可以幫助到大家。