六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 40|回复: 0

jQuery中使用AJAX跨域操作

[复制链接]

升级  56%

34

主题

34

主题

34

主题

秀才

Rank: 2

积分
134
 楼主| 发表于 2013-1-29 10:50:26 | 显示全部楼层 |阅读模式
浏览器安全模型规定,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.douban.com/group/topic/3582852/
http://www.98web.net/blog/Article_detail.aspx?id=124
 
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表