在前端開發中，經常會遇到跨域調用的問題。跨域是指在不同的域名、端口或協議之間進行數據傳輸時所遇到的限制。傳統的跨域調用方式是通過jsonp實現的，但是jsonp只支持GET請求，且返回的數據必須是可執行的JavaScript代碼。在現代的前端開發中，我們可以使用Ajax來實現跨域調用，不僅支持各種HTTP請求方式，還能返回各種數據格式。

要實現跨域調用，我們首先需要了解什么是同源策略。同源策略是瀏覽器的安全策略，它要求腳本只能與其所屬頁面的源進行交互，而不能與其他域名下的資源進行交互。舉個例子來解釋，我們有一個前端頁面部署在"http://www.example.com"下，而要通過Ajax請求"http://api.example.com/getData"來獲取數據，這就是一個跨域調用。

具體實現跨域調用的方法有多種，下面我們分別介紹：

1. 使用CORS（跨域資源共享）：CORS是HTML5中的一項新技術，它通過在服務器端設置響應頭的Access-Control-Allow-Origin字段來實現跨域調用。舉個例子，我們通過Ajax請求"http://api.example.com/getData"，服務器在響應頭中設置Access-Control-Allow-Origin: *，表示允許任何源進行跨域調用。這樣，我們就可以在前端代碼中直接調用該接口了。

// Ajax請求代碼
$.ajax({
url: 'http://api.example.com/getData',
type: 'GET',
success: function(data) {
// 處理返回的數據
}
});

2. 使用代理：如果我們無法在服務器端設置CORS響應頭，或者需要處理一些復雜的跨域調用場景，可以通過使用代理來實現跨域調用。舉個例子，我們仍然要請求"http://api.example.com/getData"這個接口，但是沒有辦法直接跨域調用。我們可以在自己的服務器上設置一個代理接口，然后通過Ajax請求自己的代理接口，再由代理接口去請求目標接口，最后將獲取的數據返回給前端。

// 自己的代理接口代碼
app.get('/proxy', function(req, res) {
// 發起目標接口的請求
request('http://api.example.com/getData', function(error, response, body) {
// 將獲取的數據返回給前端
res.send(body);
});
});
// 前端Ajax請求代碼
$.ajax({
url: '/proxy',
type: 'GET',
success: function(data) {
// 處理返回的數據
}
});

總結來說，通過CORS和代理這兩種方法，我們可以實現跨域調用，解決傳統的jsonp只能支持GET請求的問題。在實際開發中，我們需要根據具體情況選擇合適的跨域調用方式，并遵守瀏覽器的安全策略。