建站
咨詢
售后
建站咨詢
新聞中心
跨域問(wèn)題是前端開(kāi)發(fā)中常見(jiàn)的一個(gè)問(wèn)題，它指的是一個(gè)網(wǎng)頁(yè)的腳本試圖去請(qǐng)求另一個(gè)域名下的資源，由于瀏覽器的同源策略，這種請(qǐng)求往往會(huì)被阻止，如何解決這個(gè)問(wèn)題呢？答案就是使用 JSONP 和 CORS，下面我將詳細(xì)介紹這兩種方法。
我們來(lái)了解一下什么是 JSONP，JSONP（JSON with Padding）是一種跨域數(shù)據(jù)交互的方法，它利用了 script 標(biāo)簽沒(méi)有跨域限制的特點(diǎn)，JSONP 的基本思想是，網(wǎng)頁(yè)通過(guò)添加一個(gè) script 標(biāo)簽，向服務(wù)器請(qǐng)求一個(gè)腳本文件，這個(gè)腳本文件包含了調(diào)用某個(gè)函數(shù)的命令，并且將需要的數(shù)據(jù)作為參數(shù)傳遞給這個(gè)函數(shù)，服務(wù)器收到請(qǐng)求后，將數(shù)據(jù)放在一個(gè)回調(diào)函數(shù)中，然后將這個(gè)函數(shù)的名字作為參數(shù)返回給網(wǎng)頁(yè)，網(wǎng)頁(yè)收到數(shù)據(jù)后，執(zhí)行這個(gè)回調(diào)函數(shù)，就可以得到數(shù)據(jù)了。
下面是一個(gè)簡(jiǎn)單的 JSONP 示例：
JSONP 示例
在這個(gè)示例中，我們向 http://example.com/data 發(fā)送了一個(gè) GET 請(qǐng)求，請(qǐng)求類型為 jsonp，服務(wù)器收到請(qǐng)求后，會(huì)將數(shù)據(jù)放在一個(gè)回調(diào)函數(shù)中，然后將這個(gè)函數(shù)的名字作為參數(shù)返回給網(wǎng)頁(yè)，網(wǎng)頁(yè)收到數(shù)據(jù)后，執(zhí)行這個(gè)回調(diào)函數(shù)，就可以得到數(shù)據(jù)了。
接下來(lái)，我們來(lái)了解一下什么是 CORS，CORS（CrossOrigin Resource Sharing）是一種跨域資源共享機(jī)制，它允許瀏覽器向跨源服務(wù)器發(fā)送 HTTP 請(qǐng)求，從而克服了 AJAX 只能同源使用的限制，CORS 的基本思想是，服務(wù)器在響應(yīng)頭中添加一些特定的字段，告訴瀏覽器這個(gè)資源可以被哪些域名訪問(wèn)，這樣，瀏覽器就可以根據(jù)這些字段來(lái)判斷是否允許跨域請(qǐng)求。
下面是一個(gè)簡(jiǎn)單的 CORS 示例：
在這個(gè)示例中，我們創(chuàng)建了一個(gè) XMLHttpRequest 對(duì)象，向 http://example.com 發(fā)送了一個(gè) GET 請(qǐng)求，由于服務(wù)器在響應(yīng)頭中添加了 AccessControlAllowOrigin 字段，表示允許任何域名訪問(wèn)這個(gè)資源，所以瀏覽器會(huì)允許這次跨域請(qǐng)求，并將響應(yīng)結(jié)果顯示在頁(yè)面上。
歸納一下，JSONP 和 CORS 都是解決跨域問(wèn)題的方法，JSONP 利用了 script 標(biāo)簽沒(méi)有跨域限制的特點(diǎn)，而 CORS 則是通過(guò)服務(wù)器設(shè)置響應(yīng)頭來(lái)允許跨域請(qǐng)求，在實(shí)際開(kāi)發(fā)中，我們可以根據(jù)實(shí)際情況選擇合適的方法來(lái)解決跨域問(wèn)題。
當(dāng)前標(biāo)題：jqueryajax怎么算跨域
本文網(wǎng)址：http://m.fisionsoft.com.cn/article/ccejghg.html
