jQuery $.getJSON 跨域

1楼

sunge 发表于：2009-8-12 12:09:43

由于Javascript 的安全机制，脚本是不允许跨域的 ( 安全的问题，浏览器默认是不支持跨域调用的 ) 。后来出现了一种叫 JSON with Padding  的技术，简称  JSONP  .（原理参考 http://bob.pythonmac.org/archives/2005/12/05/remote-json-jsonp/ ），应用 JSONP 可以实现 JSON 数据的跨域调用， jQuery 的 getJSON 放在 1.2 版本中已经能够跨域获取数据了。

 

客户端：

 

<script type="text/javascript">  

  jQuery.getJSON("http://192.168.20.86/friend/getMyJsonData.jsp?jsoncallback=?", function(data) {  

    alert(data.name);  

  });  

</script>  

 

服务端：

 

<%@ page import="org.json.*"%>

String jsoncallback = request.getParameter("jsoncallback");

Map map = new LinkedHashMap();

... ...

map.put("groups", object);

out.println(jsoncallback+"("+new JSONObject(map).toString()+")");

 

注意：

1， 这里调用的地址中jsoncallback=? 是关键的所在！其中，符号会被 Query 自动替换成其他的回调方法的名称，具体过程和原理我们这里不理会。我们关心的是 jsoncallback=? 起什么作用了？原来 jsoncallback=? 被替换后，会把方法名称传给服务器。我们在服务器端要做什么工作呢？服务器要接受参数 jsoncallback ，然后把 jsoncallback 的值作为 JSON 数据方法名称返回 .

2， 服务器段把jsoncallback 的值作为方法名传回来 .

3， 输出json 数据时候 { 之前的是 (