亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

javascript 跨域問(wèn)題以及解決辦法

 更新時(shí)間：2017年07月17日 16:23:44   作者：Dear_Mr  
這篇文章主要介紹了javascript 跨域問(wèn)題以及解決辦法的相關(guān)資料,需要的朋友可以參考下

javascript 跨域問(wèn)題以及解決辦法

什么是跨域問(wèn)題？

跨域這個(gè)問(wèn)題是由于瀏覽器的同源策略引起的，請(qǐng)求的URL地址，必須與瀏覽器的URL是相同協(xié)議、相同域名、相同端口的，否則是不允許訪問(wèn)的

瀏覽器URL 要訪問(wèn)的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的全稱(chēng)是JSON With Padding，JSONP由兩部分組成，回掉函數(shù)和數(shù)據(jù)，回掉函數(shù)就是當(dāng)響應(yīng)到來(lái)時(shí)應(yīng)該在頁(yè)面中調(diào)用的函數(shù)，回掉函數(shù)的名字是在請(qǐng)求中指定的，而數(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>

缺點(diǎn)：確認(rèn)JSONP請(qǐng)求是否失敗并不容易

​ 安全性的問(wèn)題，JSONP是從其他域加載代碼執(zhí)行，所以要確定其可靠性

以上就是javascript 跨域問(wèn)題以及解決辦法的講解，大家如果 有疑問(wèn)可以留言討論，感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！

相關(guān)文章

最新評(píng)論