使用JSONP的案列归纳

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了使用JSONP的案列归纳，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1773字，纯文字阅读大概需要3分钟。

内容图文

这次给大家带来使用JSONP的案列归纳，使用JSONP的注意事项有哪些，下面就是实战案例，一起来看一下。

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

相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！

推荐阅读：

在js中怎么把json当做参数使用

JS里字符串转json方法总结

以上就是使用JSONP的案列归纳的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的使用JSONP的案列归纳全部内容，希望文章能够帮你解决使用JSONP的案列归纳所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---