这次给大家带来使用JSONP的案列归纳，使用JSONP的注意事项有哪些，下面就是实战案例，一起来看一下。
json和JSONP这二者在开发中还是很常见的，此处JSON暂且不说。
一个众所周知的问题，Ajax直接请求普通文件存在跨域无权限访问的问题，甭管你是静态页面、动态网页、web服务、WCF，只要是跨域请求，一律不准，这就是为什么要使用JSONP的原因（由于Web页面上调用js文件时则不受是否跨域的影响（不仅如此，我们还发现凡是拥有”src”这个属性的标签都拥有跨域的能力，比如
须知 ajax和jsonp其实本质上是不同的东西。ajax的核心是通过XmlHttpRequest获取非本页内容，而jsonp的核心则是动态添加
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'+dd.data_name+'' +
' '+dd.data_value+'.'+dd.data_value2+'.'+dd.data_value3+'.'+dd.data_value4
+' ';
}
}
$("#list1>tbody").append(str);
}
});
} 相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
推荐阅读：
