小編給大家分享一下AJAX跨域的示例分析,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
成都創(chuàng)新互聯(lián)專注于沙洋企業(yè)網(wǎng)站建設(shè),自適應(yīng)網(wǎng)站建設(shè),購物商城網(wǎng)站建設(shè)。沙洋網(wǎng)站建設(shè)公司,為沙洋等地區(qū)提供建站服務(wù)。全流程按需定制制作,專業(yè)設(shè)計,全程項目跟蹤,成都創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)
AJAX 的跨域問題,常用的解決方法有兩種,簡單記錄下,詳細內(nèi)容查看參考資料。以下示例自建兩個域名測試,www.test.com、www.example.com。
同源策略
同源策略限制從一個源加載的文檔或腳本如何與來自另一個源的資源進行交互。這是一個用于隔離潛在惡意文件的關(guān)鍵的安全機制。
兩個頁面,如果域名、協(xié)議、端口都相同,即是同源,其間的交互不存在問題。同源策略是很重要的安全機制,但是有些時候需要突破這種機制,這就需要跨域。
JSONP
JSONP 是很常用的方法,它是利用 <script>標(biāo)簽沒有跨域限制的原理實現(xiàn)。以下是在 www.test.com 中使用 JQuery 示例
$.ajax( { url:'//www.example.com', data:{name:'tom'}, type:'get', dataType:'jsonp', jsonp: "callback", success:function(data) { console.log(data) } })
以下是 www.example.com 的 PHP 處理
<?php $callback = $_GET['callback']; $name = $_GET['name']; // 處理數(shù)據(jù) $data = md5($name); echo $callback . '(' . json_encode($data) . ')';
CORS
CORS (Cross-origin resource sharing),跨域資源共享標(biāo)準(zhǔn)允許 Web 應(yīng)用服務(wù)器進行跨域訪問控制。相對于 JSONP 只支持 GET ,CORS 支持更多的 HTTP 請求,同時更簡單、安全。不過 CORS 可能會存在兼容問題。
以下是在 www.test.com 中發(fā)送 AJAX 請求
$.ajax( { url:'//www.example.com', data:{name:'tom'}, type:'post', dataType:'json', success:function(data) { console.log(data) } });
www.example.com 的 PHP 處理
<?php header("Access-Control-Allow-Origin: http://www.test.com"); $name = $_POST['name']; // 處理數(shù)據(jù) $data = md5($name); echo json_encode($data);
以上是“AJAX跨域的示例分析”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
新聞標(biāo)題:AJAX跨域的示例分析
分享網(wǎng)址:http://chinadenli.net/article46/ihsphg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供自適應(yīng)網(wǎng)站、外貿(mào)網(wǎng)站建設(shè)、定制開發(fā)、用戶體驗、網(wǎng)站內(nèi)鏈、搜索引擎優(yōu)化
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)