Jquery使用jsonp跨域访问
强大的Jquery从1.2开始就支持jsonp，今天我们利用servlet当后台做一个小测试。
前端javascript（使用jsonpcallback作为回调函数，此处的success没有作用）：
function loadJsonP(){
$.ajax({
url:'http://192.168.28.128:8080/JsonPDemo/servlet/JsonPServlet?callback=jsonpcallback',
dataType:"jsonp",
success:function(data){
alert(data);
}
});
}
function jsonpcallback(data){
alert(data[0]['name']);
}后台（获取前台jsonp的回调函数，输出jsonpcallback(...)）：
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html");
response.setCharacterEncoding("utf-8");
PrintWriter out = response.getWriter();
String jsonp = request.getParameter("callback");
String str = "[{'id':'1','name':'测试1'},{'id':'2','name':'测试2'}]";
str = jsonp + "(" + str + ")";
out.println(str);
out.flush();
out.close();
}细心的朋友发现jsonp并不是什么牛逼的技术，他只是在回调时把json字符串放到回调函数里作为参数，然后让前端调用。但不管怎样，jsonp确实是解决跨域访问的一个巧妙方法。
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2013年08月02日，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读