網站首頁學習教育 IT科技金融知識旅遊規劃生活小知識家鄉美食養生小知識健身運動美容百科遊戲知識綜合知識

jsonp|java

欄目: IT科技 / 發佈於: / 人氣:1.58W

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

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

Tags：jsonp java