jQuery $.getJSON 跨域

jQuery JSONP 跨域

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

原创最新推荐文章于 2018-01-18 10:06:59 发布 · 207 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery #json #jsonp #应用服务器 #JavaScript #ViewUI

本文介绍如何使用jQuery的getJSON方法实现JSONP跨域请求。通过客户端和服务端的配合，利用JSONP技术绕过浏览器的同源策略限制，实现跨域数据获取。

部署运行你感兴趣的模型镜像

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

您可能感兴趣的与本文相关的镜像