日期:2014-05-16  浏览次数:20791 次

jQuery中使用AJAX跨域操作

浏览器安全模型规定,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

?