AJAX(Google 翻譯 API) 是一種用于在網頁上異步加載數據并更新部分頁面內容的技術。通過使用 AJAX 技術，用戶可以在不刷新整個頁面的情況下獲取和展示最新的翻譯結果。這給用戶帶來了更好的用戶體驗，并提高了效率。以 Google 翻譯為例，通過 AJAX 技術，用戶可以實時翻譯文本，并且無需刷新頁面即可獲得翻譯的結果。
下面是一個簡單的例子來說明如何使用 AJAX 和 Google 翻譯 API 實現實時翻譯。
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
function translate() {
var text = $("#text").val();
var API_KEY = "YOUR_API_KEY";
var url = "https://translation.googleapis.com/language/translate/v2?key=" + API_KEY;
$.ajax({
url: url,
type: "POST",
dataType: "json",
data: {
q: text,
source: "en",
target: "zh-CN",
format: "text"
},
success: function(response) {
var translation = response.data.translations[0].translatedText;
$("#translation").text(translation);
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
console.log(XMLHttpRequest.status + ": " + textStatus);
}
});
}
</script>
</head>
<body>
<textarea id="text" rows="4" cols="50">Type your text here</textarea>
<br>
<button onclick="translate()">Translate</button>
<br>
<p id="translation"></p>
</body>
</html>在上面的例子中，我們首先引入了 jQuery 庫，并定義了一個名為 `translate` 的 JavaScript 函數。這個函數會在用戶點擊 "Translate" 按鈕時被調用。函數會獲取用戶輸入的文本并發送到 Google 翻譯 API，然后接收并顯示翻譯的結果。
在 AJAX 請求中，我們需要提供 Google 翻譯 API 的密鑰（API_KEY）。要獲得 API_KEY，您需要先在 Google Cloud Platform 上創建一個項目并啟用 Google 翻譯 API。同時，我們還指定了源語言（"en"，即英語）和目標語言（"zh-CN"，即簡體中文），以及輸入文本的格式（"text"）。
一旦 AJAX 請求成功，并獲得了翻譯結果，我們會將翻譯的文本更新到頁面上的 `#translation` 元素中。如果請求出現錯誤，我們會將錯誤信息打印到控制臺。
通過使用 AJAX 和 Google 翻譯 API，我們可以實現實時翻譯功能，讓用戶獲得即時的翻譯結果，而無需刷新整個頁面。這提供了更好的用戶體驗和交互性，并且在提高效率方面也有很大的幫助。