ajax学习笔记之跨域jsonp

本文介绍了如何解决Ajax跨域问题,重点讲解了JSONP(JSON with Padding)的工作原理。通过创建本地代理或服务器中转,利用script标签的src属性实现跨域数据获取。JSONP通过在返回数据前包裹一个预先定义好的函数名,使得在本地能够调用并处理跨域获取的数据。在实际应用中,先定义好回调函数,然后在需要跨域的Ajax请求中动态创建script标签,并设置src属性,包含URL及回调函数名。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

json跨域解决:
xml文件 对方加入白名单中有自己

通过服务器中转 本地代理(通过同级目录下的php文件)

jsonp    


json with padding

ajax不允许跨域访问获得数据,通过script标签的src属性可以跨域访问数据 但是只获得数据却无法将它赋给比变量 相当于没用 

但是可以将src中的数据形式外面再套一层函数  例如 原来src地址的数据为 [ 1, 2, 3 ]  如果是 fn (  [ 1, 2, 3 ]   )  而在本地我们定一个fn 函数 那就可以在fn函数中使用数据了

所以类似的 我们请求src数据是 同时给对方一个我们这是先定义好的函数名  类似于回调函数的作用


事先定义好的函数   在其中可以处理跨域获得的数据



在需要跨域获得数据的事件中 再生成那个script标签 设置src  就会调用之前我们设置好的函数

src除了传递跨域的那个url外 还要加上我们给对方我们自己的回调函数名  需要我们传入参数的也可以加上参数 (参考ajax get方式)


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值