JSONP详解(三)JSONP基本原理

本文探讨了跨域访问的需求及其背后的原因,并通过实例解释了同源策略限制。介绍了如何利用JSONP实现跨域请求,同时展示了通过CDN加载jQuery库的具体方法。

JSONP基本原理

1.为什么要跨域?

分布式开发的需要,为了提高程序的运行效率,
需要将项目的不同部分部署到不同的域名中,也就是不同的服务器上。
根据应用的不同需求,采用集群(cluster)技术来提高服务能力。

举例来说:
前端页面部署到A域名
订单系统部署到B域名
后台管理部署到C域名

前端:访问频繁,不涉及数据库操作
订单:访问频繁,涉及很多数据操作
后台:访问量少

2.跨域访问会出现什么问题?

  访问其他域内的文件报错的案例。

  同源策略:为了安全性考虑,不允许javascript访问其他域名中的资源。


3.解决思路
CDN的全称是Content Delivery Network,即内容分发网络
例如CDN服务器存放图片、视频、库文件等,访问的时候,速度会很快。

直接百度jquery cdn

引入

<script
src="http://code.jquery.com/jquery-3.2.1.min.js"
integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
crossorigin="anonymous"></script>

案例:从cdn上访问jquery文件,注意本地没有该文件。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值