亚洲女同成aV人片在线观看|亚洲www啪成人一区二区麻豆|亚洲国产中日韩精品综合|亚洲国产成人精品一级片|亚洲无码在线视频免费

AJAX跨域解決辦法與跨域資源共享

（圖片來(lái)源網(wǎng)絡(luò )，跨域跨域侵刪）

在Web開(kāi)發(fā)中，解決AJAX（Asynchronous JavaScript and 辦法XML）是一種實(shí)現異步數據傳輸的技術(shù)，由于瀏覽器的資源同源策略限制，AJAX請求往往不能跨域訪(fǎng)問(wèn)數據，共享這給開(kāi)發(fā)者帶來(lái)了一定的跨域跨域困擾，本文將詳(/ω＼)細介紹AJAX跨域問(wèn)題的解決解決方法和跨域資源共享的概念。

1. JSONP

J??SONP（JSON with Padding）是辦法一種跨域(yu)數據交互協(xié)議，它利用了<script>標簽不受同源策略影響的資源特性，通過(guò)動(dòng)態(tài)創(chuàng )建<script>標簽并設置其src屬性為跨域請求的共享URL，可以繞過(guò)同??源策略的跨域跨域限制。

使用方法：

1、解決服務(wù)端支持JSONP協(xié)議，辦法即在返回的資源ヽ(′▽?zhuān)?/數據前加上回調函數名。

2、共享客戶(hù)端設置請求類(lèi)型為jsonp，并提供一個(gè)回調函數名。

3??、服務(wù)端將數據作為回調函數的參數返回。

4、客戶(hù)端執行回調函數，處理返回的數據。

示(′?｀)例代碼：

function jsonp(uヾ(′ω｀)?rl, callback) {  var script = document.createElement('script'); script.type = 'text/javascript'; script.src = url + '?callback=' + ca(??ヮ?)?*:???llback; doc(O_O)umen??t.body.appendChild(script);}jsonp('http://example.com/data', 'handleData');function handleData(data) {  console.log(data);}

2. CO(⊙_⊙)RS

CORS（CrossOrigin Resource Sharing）是一種W3C標準，允許瀏覽器向跨域服務(wù)器發(fā)送X??MLHttpRequest請求，從而克服了AJAX只能同源使用的限制。

使用方法：

1、服務(wù)端??設置響應頭，允許跨域訪(fǎng)問(wèn)。

2、客戶(hù)端發(fā)起AJAX請求時(shí)，設置請求頭中的Origin字段。

3、服務(wù)端根據請求頭的Origin字段判斷是否允許跨域訪(fǎng)問(wèn)。

示例代碼：

$.ajax({  url: 'http://example.com/data', type: 'GET', dataType: 'js??on', xhrFields: {  withCredentials: true }, success: function (data) {  console.log(data); }});

3.??? 代理服務(wù)器

通過(guò)設置一個(gè)代理服務(wù)器，將跨域(yu)請求轉發(fā)到同源服務(wù)器，從而實(shí)現跨域訪(fǎng)問(wèn)(wen)。

使(′Д` )用方法(╯°□°）╯︵ ┻━┻：

1、配置代理服務(wù)器，監聽(tīng)客戶(hù)端的跨域請求。

2、代理服務(wù)器將請求轉發(fā)到目標服務(wù)器。

3、目標服務(wù)器返回數??據給代理服務(wù)器。

4、代理服務(wù)器將數據(ju)返回給客戶(hù)端。

示例代碼：

$.ajax({  url: '/proxy/http://example.com/data', type: 'GET', dataType: 'json', success: function (data) {  consol??e.log(data); }});

4. WebSocket

WebSocket是一種在單個(gè)TCP連接上進(jìn)行全雙工通信的協(xié)議，通(′?｀)過(guò)WebSocket，客戶(hù)端和服務(wù)器可以實(shí)現實(shí)時(shí)、雙向的跨域通信。

使用方法：

2、客戶(hù)端通過(guò)WebSocket發(fā)送跨域請求。

3、服??務(wù)器處理請求并返回數據。

4、客戶(hù)端接收并處理數據。

示例代碼：

var socket = new WebSocket('ws://example.com/data');socket.onopen = function () {  socket.send('get data');};socket.onmessage = function (event) {  console.log(event.data);};

5┐(′?｀)┌. 跨域資源共(gong)享（CrossOrigin Resource Sharing, CORS）

跨域資源共享是一( ?ω?)種W3C標準，它允許瀏覽器向跨域服務(wù)器發(fā)送XMLHttpRequest請求，從而克服了AJAX只能同源使用的限制，CORS需要服務(wù)端的支持，通過(guò)設置響應頭來(lái)實(shí)現跨域訪(fǎng)問(wèn)控制。