java中的JSONP使用实例详解_Java教程

java中的JSONP使用实例详解

2020-09-18 14:15踏月凌风 Java教程

json和JSONP这二者在开发中还是很常见的，本文重点给大家介绍下java中的jsonp使用实例详解，需要的朋友参考下

json和JSONP这二者在开发中还是很常见的，此处JSON暂且不说。

一个众所周知的问题，Ajax直接请求普通文件存在跨域无权限访问的问题，甭管你是静态页面、动态网页、web服务、WCF，只要是跨域请求，一律不准，这就是为什么要使用JSONP的原因（由于Web页面上调用js文件时则不受是否跨域的影响（不仅如此，我们还发现凡是拥有”src”这个属性的标签都拥有跨域的能力，比如<script>、<img>、<iframe>））；

须知 ajax和jsonp其实本质上是不同的东西。ajax的核心是通过XmlHttpRequest获取非本页内容，而jsonp的核心则是动态添加<script>标签来调用服务器提供的js脚本。

java" id="highlighter_948404">

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

									}

前端代码

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

									    }

									  });

									}