jQuery+ajax+jsonp+Java跨域访问原理和实例
来源:互联网 发布:mac os x 虚拟机 编辑:程序博客网 时间:2024/04/30 09:53
写在前面
js跨域的解决方案有多种,其中最常见的是使用同一服务器下的代理来获取远端数据,再通过js进行读取,而在这期间经过了两次请求过程,使得获取数据的效率大大降低,这篇文章就为大家介绍一下解决跨域问题的一种比较通用的方案——jsonp。
什么是跨域?
简单的来说,出于安全方面的考虑,页面中的JavaScript无法访问其他服务器上的数据,即“同源策略”。而跨域就是通过某些手段来绕过同源策略限制,实现不同服务器之间通信的效果。具体策略限制情况可看下表:
URL说明允许通信http://www.a.com/a.jshttp://www.a.com/b.js同一域名下允许http://www.a.com/lab/a.js
http://www.a.com/script/b.js同一域名下不同文件夹允许http://www.a.com:8000/a.js
http://www.a.com/b.js同一域名,不同端口不允许http://www.a.com/a.js
https://www.a.com/b.js同一域名,不同协议不允许http://www.a.com/a.js
http://127.0.0.100/b.js域名和域名对应ip不允许http://www.a.com/a.js
http://script.a.com/b.js主域相同,子域不同不允许http://www.a.com/a.js
http://a.com/b.js同一域名,不同二级域名(同上)不允许http://www.a.com/a.js
http://www.b.com/b.js不同域名不允许
什么是JSONP?
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,而JSONP(JSON with Padding)则是JSON 的一种“使用模式”,通过这种模式可以实现数据的跨域获取。JSONP跨域的原理
在同源策略下,在某个服务器下的页面是无法获取到该服务器以外的数据的,但script、img、iframe等标签是个例外,这些标签可以通过src属性请求到其他服务器上的数据。利用script标签的开放策略,我们可以实现跨域请求数据,当然,也需要服务端的配合。当我们正常地请求一个JSON数据的时候,服务端返回的是一串JSON类型的数据,而我们使用JSONP模式来请求数据的时候,服务端返回的是一段可执行的JavaScript代码。举个例子,假如需要从服务器(http://www.a.com/user?id=123)获取的数据如下:
那么,使用JSONP方式请求(http://www.a.com/user?id=123?callback=foo)的数据将会是如下:
- {"id": "123", "name" : "张三", "age": "17"}
当然,如果服务端考虑得更加充分,返回的数据可能如下:
- foo({"id": "123", "name" : "张三", "age": "17"});
这时候我们只要定义一个foo()函数,并动态地创建一个script标签,使其的src属性为http://www.a.com/user?id=123?callback=foo
- try{foo({"id": "123", "name" : "张三", "age": "17"});}catch(e){}
便可以使用foo函数来调用返回的数据了。
回到顶部
回到顶部
在jQuery中如何通过JSONP来跨域获取数据
第一种方法是在ajax函数中设置dataType为'jsonp':第二种方法是利用getJSON来实现,只要在地址中加上callback=?参数即可:
- $.ajax({
- dataType: 'jsonp',
- jsonp:'callback',
- url: 'http://www.a.com/user?id=123',
- success: function(data){
- //处理data数据
- }
- });
- $.getJSON('http://www.a.com/user?id=123&callback=?', function(data){
- //处理data数据
- });
也可以简单地使用getScript方法:
- //此时也可以在函数外定义foo方法
- function foo(data){
- //处理data数据
- }
- $.getJSON('http://www.a.com/user?id=123&callback=foo');
JSONP的应用
JSONP在开放API中可以起到非常重要的作用,开放API是运用在开发者自己的应用上,而许多应用往往是在开发者的服务器上而不是在新浪微博的服务器上,因此跨域请求数据成为开发者们所需要解决的一大问题,广大开放平台应该实现对JSONP的支持,这一点新浪微博开放平台便做的非常好(虽然某些API里没有说明,但实际上是可以使用JSONP方式调用的)。 0 0
- jQuery+ajax+jsonp+Java跨域访问原理和实例
- jQuery+Ajax+jsonp+java实现跨域访问
- ajax jsonp 跨域请求访问实例
- ajax jsonp 跨域请求访问实例
- Jquery+jsonp+ajax跨域访问
- JQuery+ajax+jsonp 跨域访问
- JQuery+ajax+jsonp 跨域访问
- JQuery+ajax+jsonp 跨域访问
- JQuery+ajax+jsonp 跨域访问
- JQuery+ajax+jsonp 跨域访问
- JQuery+ajax+jsonp 跨域访问
- JQuery+ajax+jsonp 跨域访问
- jquery ajax jsonp 跨域访问
- JQuery+ajax+jsonp 跨域访问
- JQuery+ajax+jsonp 跨域访问
- JQuery+ajax+jsonp 跨域访问
- Jquery + Ajax + jsonp 跨域访问
- JQuery+ajax+jsonp 跨域访问
- unpivot转多列并包含多个名称
- SQL注意细节
- LoadRunner 之调用Linux下loadgenerate 方案
- ERROR 1044 (42000): Access denied for user ''@'localhost' to database 'mysql'
- 安胜安全操作系统的隐蔽通道场景演示【进程标识符信道】
- jQuery+ajax+jsonp+Java跨域访问原理和实例
- libusb Android 权限问题
- CI中添加redis缓存
- 区分有源蜂鸣器和无源蜂鸣器
- Rpc,Rmi,Soap
- .net使用中sqlcommand的用法
- HDU 1540 Tunnel Warfare(线段树 区间合并 最大连续区间)
- 把科技融于生活 自然个性化大户型
- Servlet+Jsp+MySql用户登录实例