jQuery $.getJSON 跨域

最新推荐文章于 2018-01-18 10:06:59 发布

iteye_16620

最新推荐文章于 2018-01-18 10:06:59 发布

阅读量170

点赞数

文章标签： jQuery json jsonp 应用服务器 JavaScript ViewUI

本文链接：https://blog.csdn.net/iteye_16620/article/details/82000723

版权

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 数据时候 { 之前的是 (