溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了javascript怎么解決跨域問題，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
javascript 跨域問題以及解決辦法
什么是跨域問題？
跨域這個問題是由于瀏覽器的同源策略引起的，請求的URL地址，必須與瀏覽器的URL是相同協(xié)議、相同域名、相同端口的，否則是不允許訪問的
| 瀏覽器URL | 要訪問的URL | 結(jié)果 |
|---|---|---|
| http://www.123.com/index | http://www.123.com/server | 成功 |
| http://www.123.com/index | http://www.456.com/server | 域名不相同，跨域 |
| http://www.123.com:8080/index | http://www.123.com:8888/index.htm | 端口不同，跨域 |
| http://www.123.com/index | https://www.123.com/index | 協(xié)議不同，跨域 |
解決辦法
凡是擁有src屬性的標(biāo)簽都可以跨域，比如script、img、iframe標(biāo)簽
JSONP
JSONP就是應(yīng)用了script標(biāo)簽，JSONP的全稱是JSON With Padding，JSONP由兩部分組成，回掉函數(shù)和數(shù)據(jù)，回掉函數(shù)就是當(dāng)響應(yīng)到來時應(yīng)該在頁面中調(diào)用的函數(shù)，回掉函數(shù)的名字是在請求中指定的，而數(shù)據(jù)就是傳入回掉函數(shù)的JSON數(shù)據(jù)
例子：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function jsonCallback(data){
alert(data);
};
var url = "http://localhost:8888/test?callback=jsonCallback";
var script = document.createElement('script');
script.type = "text/javascript";
script.setAttribute('src', url);
document.getElementsByTagName('head')[0].appendChild(script);
</script>
</head>
<body>
</body>
</html>缺點：確認JSONP請求是否失敗并不容易
安全性的問題，JSONP是從其他域加載代碼執(zhí)行，所以要確定其可靠性
感謝你能夠認真閱讀完這篇文章，希望小編分享的“javascript怎么解決跨域問題”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機網(wǎng)站二維碼