jsonp实现跨域的方法

 Ajax 不能跨域 ,比如您是 www.baidu.com ,您就不能请求 www.163.com 的文件。但您可以请求 www.baidu.com/1.json 、 ent.baidu.com/1.json 。 这是因为安全原因,对于任何后台语言来说、服务器程序来说, 所有的 XHR 类型的请求,如果来自其他的服务器,将不予应答 。

一、使用jsonp

JSONP是JSON with Padding的略称。它是一个非官方的协议,出处不可考,它允许在服务器端集成Script tags返回至客户端,通过javascript callback的形式实现跨域访问(这仅仅是JSONP简单的实现形式)。--来源百度

JSONP就像是 JSON+Padding 一样(Padding这里我们理解为调用函数时的 填充 )。


绿色部分是 JSON ,外面的 fun(); 是函数的调用,是 padding 补充部分。

jsonp的原理很简单,就是把定义写在了HTML源文件里面,而将调用放在script标签引用的文件里面,由于script标签可以跨文件使用,这样就实现了跨域,引用的文件可以有各种格式php 、js、txt等。

下面举个例子:


jsonp.txt里面的内容如下:

//调用函数
fun({
	"result" : [
		{
			"name" : "小明",
			"age" : 12,
			"sex" : "男"
		},
		{
			"name" : "小红",
			"age" : 13,
			"sex" : "女"
		},
		{
			"name" : "小绿",
			"age" : 16,
			"sex" : "女"
		}
	]
});

运行结果:


由于这样使用起来不方便,我们可以将它封装成一个实用轮子:


jQuery已经有封装好的API可以直接使用:名称是ajax()

可以查看jQuery手册,参考如下



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值