欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

java中的JSONP使用实例详解

程序员文章站 2024-02-26 18:18:52
 json和jsonp这二者在开发中还是很常见的,此处json暂且不说。 一个众所周知的问题,ajax直接请求普通文件存在跨域无权限访问的问题,甭管你是静态页面...

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

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

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

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

以上所述是小编给大家介绍的java jsonp使用实例详解,希望对大家有所帮助