国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術文章
文章詳情頁

AJAX的跨域問題解決方案

瀏覽:346日期:2022-06-12 08:02:24
目錄
  • 跨域的概述
    • 區別同源與不同源
    • 同源策略有什么用?
  • AJAX跨域解決方案
    • 方案一、設置響應頭
    • 方案二、jsonp
    • 方案三、代理機制(httpclient)
  • 總結

    跨域的概述

    1. 跨域是指從一個域名的網頁去請求另一個域名的資源。比如從百度(https://baidu.com)頁面去請求京東(https://www.jd.com)的資源。
    2. 通過超鏈接、form表單提交、window.location.href、document.location.href、script標簽、img標簽等方式進行跨域是不存在問題的。但在一個域名的網頁中的一段js代碼發送AJAX請求去訪問另一個域名中的資源,由于同源策略的存在導致無法跨域訪問,AJAX就存在這種跨域問題。
    3. 同源策略是指一段腳本只能讀取來自同一來源的窗口和文檔的屬性,同源就是協議、域名和端口都相同。

    下面是使用AJAX發送請求跨域訪問資源出現的問題:請求的資源上不存在“訪問控制允許源”標頭:(就是被同源策略阻止了)

    區別同源與不同源

    區分同源和不同源的三要素:

    協議域名端口

    協議一致,域名一致,端口號一致,三要素都要一致,才是同源,其它一律都是不同源。

    同源策略有什么用?

    如果你剛剛在網銀輸入賬號密碼,查看了自己還有一萬 元塊錢,緊接著訪問一些不規矩的網站,這個網站可以訪問剛剛的網銀站點,并且獲取賬號密碼,那后果可想而知。所以,從安全的角度來講,同源策略是有利于保護網站信息的。

    AJAX跨域解決方案

    有一些情況下,我們是需要使用AJAX進行跨域訪問的。比如某公司的A頁面a.aresourse.com)有可能需要獲取B頁面b.bresourse.com)。

    方案一、設置響應頭

    核心原理:跨域訪問的資源允許你跨域訪問。(被調用方允許你可跨域訪問)

    實現:

    response.setHeader("Access-Control-Allow-Origin","http://localhost:8080/ajax/ajax7.html");//允許某個response.setHeader("Access-Control-Allow-Origin","*");//允許所有

    方案二、jsonp

    jsonp:json with padding

    • jsonp不是一個真正的AJAX請求。只不過可以完成AJAX的局部刷新效果??梢哉fjsonp是一種類AJAX請求的機制。

    jsonp可以解決跨域問題。
    注意:jsonp解決跨域的時候,只支持GET請求。不支持post請求。這是因為jsonp本就是動態的創建script標簽從而達到跨域的效果。

    下面是動態創建的代碼:

    效果展示:

    jQuery封裝了jsonp,也就是說可以使用jQuery庫去進行編寫jsonp代碼,方便。

    核心代碼如下:

    $.ajax({	type:"GET",	url:"跨域的url",	dataType:"jsonp",   //指定數據類型	jsonp:"fun",    //指定參數名(不設置的時候,默認是”callback“)	jsonpCallback:"sayHello"   //指定回調函數的名字,不設置的時候,jQuery會自動生成一個隨機的回調函數,	//并且這個回調函數還會自動調用success的回調函數})

    方案三、代理機制(httpclient)

    “調用方”解決跨域的問題是這個思路的:讓發送出去的請求代理成是本域的。
    如果資源是本域的,那就側面地進行了跨域。

    使用Java程序怎么去發送get/post請求呢?【GET和POST請求就是HTTP請求】

    • 使用JDK內置的APIjava.net.URL....),這些API是可以發送HTTP請求的。
    • 使用第三方的開源組件,比如:apachehttpclient組件。(httpclient組件是開源免費的,可以直接用)。

    總結

    到此這篇關于AJAX的跨域問題解決的文章就介紹到這了,更多相關AJAX跨域問題內容請搜索以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持!

    標簽: Ajax
    主站蜘蛛池模板: 怡红院视频在线 | 欧美日韩一区二区三区视视频 | 精品久久久久久综合网 | 在线视频日韩精品 | 成人国产三级精品 | 亚洲成av人影片在线观看 | 国内自拍视频在线看免费观看 | 国产真实乱子伦精品视手机观看 | 俺来也俺来也天天夜夜视频 | 亚洲欧美日韩久久精品第一区 | 久久男人天堂 | 国产精品一区二区在线观看 | 亚洲风情第一页 | 久久羞羞 | 青青青青爽视频在线播放 | 在线视频亚洲一区 | 在线视频日韩精品 | 性欧美一级毛片欧美片 | 午夜性生活视频 | 日韩一区二区不卡 | 国产在线精品一区二区 | 成人三级做爰在线视频 | 悠悠影院欧美日韩国产 | 成年大片免费视频播放二级 | 俄罗斯毛片免费大全 | 抱着cao才爽免费观看 | 自拍 欧美| 日韩美女免费线视频 | 成年人三级网站 | 成人欧美一区二区三区黑人免费 | 成年人免费看视频 | 手机在线播放av | 欧美叫床戏做爰无遮挡 | 久热久草 | 色吊丝在线观看国产 | 97公开视频 | 欧美不卡在线视频 | 美女动作一级毛片 | 日本加勒比在线视频 | 韩国美女豪爽一级毛片 | a级国产精品片在线观看 |