欢迎访问 生活随笔！
TAG聚合

生活随笔

当前位置： 首页 > 编程资源 > 编程问答 >内容正文

编程问答

跨域 || Jsonp

发布时间：2025/4/16 编程问答 37 豆豆
生活随笔 收集整理的这篇文章主要介绍了 跨域 || Jsonp 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

​​​​​同源策略

同源策略(Same-Origin Policy)最早由 Netscape 公司提出，是浏览器的一种安全策略。

同源： 协议、域名、端口号 必须完全相同。违背同源策略就是跨域。

如何解决跨域

JSONP

JSONP 是什么

JSONP(JSON with Padding)，是一个非官方的跨域解决方案，纯粹凭借程序员的聪明才智开发出来，只支持 get 请求。

JSONP 怎么工作的？

在网页有一些标签天生具有跨域能力，比如：img 、 link 、  iframe script。JSONP 就是利用 script 标签的跨域能力来发送请求的。

JSONP 的使用

<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>原理演示</title><style>#result {width: 300px;height: 100px;border: solid 1px #78a;}</style> </head><body><div id="result"></div><script>//处理数据function handle(data) {//获取 result 元素const result = document.getElementById('result');result.innerHTML = data.name;}</script><script src="http://127.0.0.1:8000/jsonp-server"></script> </body></html>

总结

以上是生活随笔为你收集整理的跨域 || Jsonp的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。