深入分析JSONP技术实现其跨域原理
发布时间
阅读量：
阅读量
当协议版本、域名以及端口号完全一致时，则判定为同源。
该保护机制通过技术手段确保本地数据不受外界代码干扰。
为了防止外部JavaScript代码访问本地存储中的敏感信息。
即客户端发送请求后服务器返回响应但浏览器无法接收这些返回数据。
正是因为同源策略的存在而导致了大量跨域方案的出现，并且JSONP同样能够解决跨域问题。
我们先来体验使用script标签实现简单跨域：
1.JSONP跨域原理
1.在VScode中创建一个html文件
client.htnl:（模拟客户端）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>客户端</title>
</head>
<body>
<div>客户端使用JSONP跨域</div>
<script src="http://127.0.0.1:5501/request.js" type="text/javascript"></script>
</body>全部评论 (0)
还没有任何评论哟~