强大的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确实是解决跨域访问的一个巧妙方法。