AJAX是一種前端技術(shù)，通過(guò)異步發(fā)送HTTP請(qǐng)求從服務(wù)器獲取數(shù)據(jù)，并在不刷新整個(gè)頁(yè)面的情況下更新頁(yè)面的一部分內(nèi)容。本文將介紹如何使用AJAX同步發(fā)送兩個(gè)數(shù)據(jù)庫(kù)的操作。我們將通過(guò)一個(gè)實(shí)際場(chǎng)景來(lái)說(shuō)明，假設(shè)我們有一個(gè)在線商店，需要從兩個(gè)不同的數(shù)據(jù)庫(kù)中獲取產(chǎn)品信息和庫(kù)存信息。

首先，我們需要?jiǎng)?chuàng)建一個(gè)發(fā)送AJAX請(qǐng)求的函數(shù)。以下是一個(gè)基本的AJAX請(qǐng)求函數(shù)的示例：

function sendRequest(url, method, data, callback) {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
callback(xhr.responseText);
} else {
console.error('AJAX request failed.');
}
}
};
xhr.open(method, url, true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.send(JSON.stringify(data));
}

在我們的實(shí)例中，我們將使用這個(gè)函數(shù)分別從兩個(gè)數(shù)據(jù)庫(kù)中獲取產(chǎn)品信息和庫(kù)存信息。假設(shè)我們的數(shù)據(jù)庫(kù)是MySQL，并且有一個(gè)用于產(chǎn)品信息的表"products"和一個(gè)用于庫(kù)存信息的表"inventory"。我們可以使用AJAX發(fā)送兩個(gè)請(qǐng)求來(lái)獲取這些信息。

// 獲取產(chǎn)品信息
sendRequest('http://example.com/getProducts', 'GET', null, function(response) {
var products = JSON.parse(response);
// 處理產(chǎn)品信息
});
// 獲取庫(kù)存信息
sendRequest('http://example.com/getInventory', 'GET', null, function(response) {
var inventory = JSON.parse(response);
// 處理庫(kù)存信息
});

在上面的代碼片段中，我們發(fā)送了兩個(gè)GET請(qǐng)求，并使用回調(diào)函數(shù)將響應(yīng)數(shù)據(jù)解析為JavaScript對(duì)象。然后我們可以在回調(diào)函數(shù)中處理這些數(shù)據(jù)，例如更新頁(yè)面上的產(chǎn)品列表和庫(kù)存數(shù)量。

此外，如果我們需要像添加新產(chǎn)品或更新庫(kù)存這樣的操作，我們可以通過(guò)發(fā)送POST請(qǐng)求將更改發(fā)送到服務(wù)器，然后再次獲取更新后的產(chǎn)品信息和庫(kù)存信息，實(shí)現(xiàn)即時(shí)更新。

// 添加新產(chǎn)品
var newProduct = {
name: 'Product Name',
price: 10.99,
category: 'Category Name'
};
sendRequest('http://example.com/addProduct', 'POST', newProduct, function(response) {
// 處理添加產(chǎn)品的響應(yīng)
});
// 更新庫(kù)存
var updatedInventory = {
productId: 123,
quantity: 50
};
sendRequest('http://example.com/updateInventory', 'POST', updatedInventory, function(response) {
// 處理更新庫(kù)存的響應(yīng)
});

通過(guò)使用AJAX同步發(fā)送兩個(gè)數(shù)據(jù)庫(kù)，我們可以實(shí)現(xiàn)高效的數(shù)據(jù)交互，并在不刷新整個(gè)頁(yè)面的情況下更新頁(yè)面的內(nèi)容。這對(duì)于在線商店等需要頻繁獲取和更新數(shù)據(jù)的應(yīng)用程序來(lái)說(shuō)非常有用。