在開發(fā) Web 應(yīng)用程序時(shí)，我們經(jīng)常需要從不同的源（即不同的域名、端口或協(xié)議）獲取數(shù)據(jù)。然而，由于瀏覽器的同源策略限制，默認(rèn)情況下，JavaScript 是禁止跨域訪問的。這種限制確保了用戶的安全和隱私。然而，有時(shí)候我們確實(shí)需要進(jìn)行跨域訪問，這時(shí)可以使用 jQuery 提供的 $.ajax() 方法來(lái)實(shí)現(xiàn)。

$.ajax() 是一個(gè)用于執(zhí)行異步 HTTP 請(qǐng)求的函數(shù)。它可以用于向服務(wù)器發(fā)送數(shù)據(jù)并獲取響應(yīng)。在跨域訪問中，我們可以通過(guò)設(shè)置 $.ajax() 方法的一些屬性來(lái)實(shí)現(xiàn)跨域訪問。

例如，我們的網(wǎng)站部署在 https://example.com 上，而服務(wù)器端的 API 地址是 https://api.example.com。這是一個(gè)典型的跨域訪問場(chǎng)景。正常情況下，我們是無(wú)法直接通過(guò) JavaScript 從 https://api.example.com 上獲取數(shù)據(jù)的。但是，使用 $.ajax() 方法，我們可以通過(guò)設(shè)置跨域訪問相關(guān)的屬性，實(shí)現(xiàn)從不同源獲取數(shù)據(jù)的功能。

$.ajax({
url: 'https://api.example.com/data',
type: 'GET',
dataType: 'json',
success: function(response) {
// 處理數(shù)據(jù)
},
error: function(xhr, status, error) {
// 處理錯(cuò)誤
}
});

上述代碼演示了如何使用 $.ajax() 方法進(jìn)行跨域訪問。在這個(gè)例子中，我們通過(guò)指定 url 屬性為 https://api.example.com/data 來(lái)訪問該地址。設(shè)置 type 屬性為 GET 來(lái)向服務(wù)器發(fā)送 GET 請(qǐng)求。并且通過(guò)設(shè)置 dataType 屬性為 json 來(lái)希望獲得 JSON 格式的響應(yīng)數(shù)據(jù)。在成功獲取響應(yīng)后，可以在 success 回調(diào)函數(shù)中進(jìn)行數(shù)據(jù)處理。如果發(fā)生錯(cuò)誤，可以在 error 回調(diào)函數(shù)中處理。

除了通過(guò)設(shè)置屬性來(lái)實(shí)現(xiàn)跨域訪問外，我們還可以借助服務(wù)器端的配置來(lái)允許跨域訪問。例如，在服務(wù)器端設(shè)置合適的響應(yīng)頭就能實(shí)現(xiàn)跨域訪問。

例如，在服務(wù)器端添加以下響應(yīng)頭：

Access-Control-Allow-Origin: https://example.com
Access-Control-Allow-Methods: GET, POST, PUT, DELETE
Access-Control-Allow-Headers: Content-Type

這樣，JavaScript 就能夠從 https://api.example.com 獲取數(shù)據(jù)了。通過(guò)配置服務(wù)器端的響應(yīng)頭，可以實(shí)現(xiàn)更靈活的跨域訪問控制。

總之，$.ajax() 方法是一個(gè)非常有用的工具，可以讓我們?cè)谧裱瓰g覽器的同源策略的同時(shí)，實(shí)現(xiàn)跨域訪問。無(wú)論是通過(guò)設(shè)置屬性還是配置服務(wù)器端，我們都能夠靈活地進(jìn)行跨域請(qǐng)求，獲取所需的數(shù)據(jù)。