这次给大家带来使用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);
}
});
}
相信看了本文案例你已经掌握了方法，更多精彩请关注其它相关文章！
推荐阅读：
在js中怎么把json当做参数使用
js里字符串转json方法总结
以上就是使用jsonp的案列归纳的详细内容。