json和JSONP这二者在开发中还是很常见的,此处JSON暂且不说。
一个众所周知的问题,Ajax直接请求普通文件存在跨域无权限访问的问题,甭管你是静态页面、动态网页、web服务、WCF,只要是跨域请求,一律不准,这就是为什么要使用JSONP的原因(由于Web页面上调用js文件时则不受是否跨域的影响(不仅如此,我们还发现凡是拥有”src”这个属性的标签都拥有跨域的能力,比如<script>、<img>、<iframe>));
须知 ajax和jsonp其实本质上是不同的东西。ajax的核心是通过XmlHttpRequest获取非本页内容,而jsonp的核心则是动态添加<script>标签来调用服务器提供的js脚本。
java" id="highlighter_948404">
1
2
3
4
5
6
7
8
|
private void GetTop10() throws IOException { String jsonCallback = _request.getParameter( "jsonCallback" ); String id = _request.getParameter( "id" ); String return_JSONP = top10Setup.ReadTop10(id ); return_JSONP = jsonCallback + "(" + return_JSONP + ");" ; System.out.println( return_JSONP ); _response.getWriter().println( return_JSONP ); } |
前端代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
|
function appendListOne() { $.jsonp({ 'contentType' : "application/json; charset=utf-8" , 'url' : AjaxGetUrl, 'data' : { dz_type: 'GetTop10' , id: 17 }, 'dataType' : "jsonp" , 'callbackParameter' : "jsonCallback" , 'async' : false , 'type' : 'post' , 'success' : function (data) { console.warn( data ); $( "#list1>tbody" ).empty(); var str= "" ; for (var key= 0 ;key<data.dblist.length;key++){ var dd=data.dblist[key]; if (key < 5 ){ str+= '<tr><td><b class="ranking">' +(parseInt(key)+ 1 )+ '</b><span class="name">' +dd.data_name+ '</span></td>' + '<td> <span class="detail">' +dd.data_value+ '.' +dd.data_value2+ '.' +dd.data_value3+ '.' +dd.data_value4 + '</span> </td> </tr>' ; } } $( "#list1>tbody" ).append(str); } }); } |
以上所述是小编给大家介绍的java JSONP使用实例详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对服务器之家网站的支持!
原文链接:http://blog.csdn.net/u012530711/article/details/70670207