隨著Web應用的發展，前端開發變得越來越重要。在前端開發中，Ajax是一個重要的技術，它能夠使頁面實現異步加載，提升用戶體驗。然而，使用Ajax的過程中，我們可能會遇到重復的代碼、繁瑣的調用方式等問題。為了解決這些問題，我們可以對Ajax進行二次封裝，并將其全局調用，以便于代碼的復用和管理。

例如，假設我們正在開發一個電商網站，當用戶點擊“加入購物車”按鈕時，需要發送Ajax請求將商品添加到購物車中。我們使用原生的Ajax調用方式，代碼如下：

var xhr = new XMLHttpRequest();
xhr.open("POST", "add-to-cart.php", true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseText);
}
};
xhr.send("product_id=" + productId);

上述代碼中，我們首先創建了一個XMLHttpRequest對象，并設置了請求的方法、URL和異步方式。然后，通過setRequestHeader方法設置請求頭，將數據以鍵值對形式發送。最后，通過onreadystatechange事件監聽響應狀態，當狀態為4（請求已完成）且響應狀態碼為200時，打印響應結果。

然而，如果我們在頁面的其他地方需要發送類似的Ajax請求，就需要重復編寫這些代碼，非常繁瑣。為了解決這個問題，我們可以將Ajax進行二次封裝，并全局調用。

首先，我們可以創建一個名為ajax的函數，將原有代碼放入其中：

function ajax(url, method, data, successFunc) {
var xhr = new XMLHttpRequest();
xhr.open(method, url, true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
successFunc(xhr.responseText);
}
};
xhr.send(data);
}

上述代碼中，我們將原來代碼中的URL、方法、數據和成功回調函數抽象為參數，并將xhr.responseText作為參數傳遞給回調函數。這樣一來，我們只需要調用ajax函數，傳遞相應的參數，就可以實現相同的效果。

例如，現在我們想獲取一個用戶的購物車列表，并打印出來。使用二次封裝后的Ajax調用代碼如下：

ajax("get-cart.php", "GET", "", function(responseText) {
console.log(responseText);
});

上述代碼中，我們調用了ajax函數，傳遞了get-cart.php作為URL，GET作為請求方法，空字符串作為數據，以及一個匿名函數作為回調函數。當請求成功后，回調函數會接收到響應結果，并將其打印出來。

通過二次封裝和全局調用，我們可以大大簡化使用Ajax的過程，減少重復的代碼編寫，并且提高代碼的復用性和可維護性。同時，我們還可以進一步封裝ajax函數，添加錯誤處理、請求超時等功能，以適應不同的業務需求。

綜上所述，通過對Ajax進行二次封裝并進行全局調用，可以使我們在前端開發中更加高效地使用Ajax，提升開發效率。