java中的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);
}
});
}
以上所述是小编给大家介绍的java JSONP使用实例详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
相关文章
Mybatis-plus使用selectList查询数据为null的问题及解决办法
这篇文章主要介绍了Mybatis-plus使用selectList查询数据为null的问题及解决方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2022-07-07
Spring Boot缓存实战之Redis 设置有效时间和自动刷新缓存功能(时间支持在配置文件中配置)
这篇文章主要介绍了Spring Boot缓存实战 Redis 设置有效时间和自动刷新缓存,时间支持在配置文件中配置,需要的朋友可以参考下2023-05-05
MapStruct @Mapping注解之处理映射中的Null值方式
这篇文章主要介绍了MapStruct @Mapping注解之处理映射中的Null值方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2025-03-03


最新评论