Chinaunix首页 | 论坛 | 博客
  • 博客访问: 185295
  • 博文数量: 62
  • 博客积分: 1477
  • 博客等级: 上尉
  • 技术积分: 475
  • 用 户 组: 普通用户
  • 注册时间: 2012-07-11 14:28
文章分类

全部博文(62)

文章存档

2012年(62)

我的朋友

分类: 系统运维

2012-07-19 15:31:02

浏览器安全模型规定,XMLHttpRequest、框架(Frame)等只能在一个域中通信。从安全角度考虑,这个很合理;但也确实给分布式web开发带来了麻烦,例如想创建一个混搭的应用就有点不知所措了。

目前实现跨域操作的方式主要有:本地代理、Flash方式、Script标签。虽然AJAX本身不能进行跨域操作,但Script标签的src可以跨域访问,所以使用AJAX跨域操作可以看作都是基于Script标签的形式。

而jQuery中使用Script标签进行跨域操作可以分成两种形式:Script形式(对应的函数就是$.getScript())JSONP形 式(JSON with Padding,对应的函数是$.getJSON())当然这两种函数都是$.ajax()的高层应用,所以使用$.ajax()也可以完成以上两种形式 的AJAX跨域操作。

前面已 经讲解了关于$.getScript()及$.getJSON()的使用,只不过那时都是同域操作,要改成跨域操作只需要修改url参数就可以了,将其改 成"http://***.***.***/***.js"或"http://***.***.***?参数1=**&参数2=**& callback=?"

关于Script形式这里就不说了,因为大部分应用都是需要数据传输的(这里是JSON格式数据),所以只讲JSONP形式

前面说到$.getJSON("http://***.***.***?参数1=**&参数2=**&callback=?",function(data){})

如果是要向别人的网站请求数据,那么参数及参数数量需要具体查看该网站提供的API来做决定,而callback=?一般是必须的,jQuery会 将那个?自动转化为jsonp*******(*为0~9的数字)   而jsonp*****()指向的就是后面的funcyion(data){}函数,jsonp*****(json对象)内的json对象作为返回数据 就会作为参数data传入funcyion(data){}函数中。

http://www.98web.net/blog/Article_detail.aspx?id=124

阅读(1350) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~