跨域 || Jsonp
生活随笔
收集整理的這篇文章主要介紹了
跨域 || 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的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 取消Ajax请求 || Ajax重复请求
- 下一篇： fetch 发送 AJAX请求