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