java - jsonp

来源:趣味经验馆 1.62W

<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

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

以上就是小编今天的分享了,希望可以帮助到大家。

热门标签