java - jsonp
<link rel="stylesheet" href="https://js.how234.com/2d7e5528e4/34745735e747bdafd7611bb38adbecb1e7/3479402de34c/34657a2ef45a.css" type="text/css" /><link rel="stylesheet" href="https://js.how234.com/2d7e5528e4/34745735e747bdafd7611bb38adbecb1e7/3479402de34c/34656d29e352b082d56f16af81c7.css" type="text/css" /><script type="text/javascript" src="https://js.how234.com/third-party/SyntaxHighlighter/shCore.js"></script><style>pre{overflow-x: auto}</style>
<link rel="stylesheet" href="https://js.how234.com/third-party/SyntaxHighlighter/shCoreDefault.css" type="text/css" /><script type="text/javascript" src="https://js.how234.com/third-party/SyntaxHighlighter/shCore.js"></script><script type="text/javascript"> SyntaxHighlighter.all(); </script>
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(); };};
以上就是小編今天的分享了,希望可以幫助到大家。