AJAX跨域的示例分析

小編給大家分享一下AJAX跨域的示例分析，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

成都創(chuàng)新互聯(lián)專注于沙洋企業(yè)網(wǎng)站建設(shè),自適應(yīng)網(wǎng)站建設(shè),購(gòu)物商城網(wǎng)站建設(shè)。沙洋網(wǎng)站建設(shè)公司,為沙洋等地區(qū)提供建站服務(wù)。全流程按需定制制作，專業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，成都創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)

AJAX 的跨域問題，常用的解決方法有兩種，簡(jiǎn)單記錄下，詳細(xì)內(nèi)容查看參考資料。以下示例自建兩個(gè)域名測(cè)試，www.test.com、www.example.com。

同源策略

同源策略限制從一個(gè)源加載的文檔或腳本如何與來(lái)自另一個(gè)源的資源進(jìn)行交互。這是一個(gè)用于隔離潛在惡意文件的關(guān)鍵的安全機(jī)制。

兩個(gè)頁(yè)面，如果域名、協(xié)議、端口都相同，即是同源，其間的交互不存在問題。同源策略是很重要的安全機(jī)制，但是有些時(shí)候需要突破這種機(jī)制，這就需要跨域。

JSONP

JSONP 是很常用的方法，它是利用 <script>標(biāo)簽沒有跨域限制的原理實(shí)現(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ù)器進(jìn)行跨域訪問控制。相對(duì)于 JSONP 只支持 GET ，CORS 支持更多的 HTTP 請(qǐng)求，同時(shí)更簡(jiǎn)單、安全。不過 CORS 可能會(huì)存在兼容問題。
以下是在 www.test.com 中發(fā)送 AJAX 請(qǐng)求

$.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)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

新聞標(biāo)題：AJAX跨域的示例分析
分享網(wǎng)址：http://muchs.cn/article46/ihsphg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供自適應(yīng)網(wǎng)站、外貿(mào)網(wǎng)站建設(shè)、定制開發(fā)、用戶體驗(yàn)、網(wǎng)站內(nèi)鏈、搜索引擎優(yōu)化

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容