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