Ajax是一種前端技術，通過與服務器進行異步通信，在不刷新整個頁面的情況下更新特定部分的內容。本文將介紹如何使用Ajax實現求兩個文本框的和。假設我們有兩個文本框，一個用于輸入數字A，另一個用于輸入數字B，通過點擊一個按鈕，我們可以獲取這兩個數字，并將它們相加后顯示在頁面上。 在實現這一功能之前，我們首先需要引入Ajax技術。可以通過引入jQuery庫來簡化代碼，在本例中我們使用的是jQuery的Ajax方法。在HTML中的頭部引入如下代碼：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

接下來，我們需要在頁面中添加兩個文本框和一個按鈕。代碼如下：

<input type="number" id="inputA"></input>
<input type="number" id="inputB"></input>
<button id="sumBtn">計算和</button>

現在，我們可以編寫jQuery代碼來實現求兩個文本框的和。首先，我們需要在頁面加載完成后綁定按鈕的點擊事件。代碼如下：

<script>
$(document).ready(function() {
$("#sumBtn").click(function() {
// 獲取文本框中的數字
var a = parseInt($("#inputA").val());
var b = parseInt($("#inputB").val());
// 發送Ajax請求
$.ajax({
url: "sum.php", // 將請求發送到的服務器端文件
type: "POST", // 請求類型為POST
data: {a: a, b: b}, // 發送的數據為a和b的值
success: function(result) {
// 將服務器返回的結果顯示在頁面上
$("#output").text("和為：" + result);
}
});
});
});
</script>

在代碼中，我們首先獲取了文本框中的數字，并使用parseInt函數將其轉換為整數。然后，我們使用$.ajax方法發送了一個POST請求到服務器的sum.php文件，并向服務器發送了a和b的值。如需求求兩個文本框的乘積，我們只需要將sum.php文件相應的部分代碼修改即可。 接下來，我們需要在服務器端處理這個請求并返回結果。在sum.php文件中，我們可以通過如下代碼來實現：

<?php
// 獲取POST請求發送的數據
$a = $_POST["a"];
$b = $_POST["b"];
// 計算和
$sum = $a + $b;
// 返回結果
echo $sum;
?>

在服務器端，我們首先通過$_POST數組獲取到從前端發送過來的數據，然后計算和，并使用echo函數將結果發送給前端。 最后，我們只需要在頁面中添加一個用于顯示和的元素。代碼如下：

<p id="output"></p>

通過以上的代碼，我們實現了求兩個文本框的和的功能。當點擊按鈕時，會發送一個Ajax請求到服務器，服務器端執行相應的操作后返回結果，在前端頁面上展示出來。這樣，我們就通過Ajax實現了求兩個文本框的和的功能。 總結起來，Ajax技術的使用可以實現在不刷新整個頁面的情況下，通過與服務器進行異步通信，更新特定部分的內容。本文通過舉例介紹了如何使用Ajax實現求兩個文本框的和的功能。首先，我們引入了jQuery庫，然后在頁面中添加了兩個文本框和一個按鈕。接著，我們編寫了jQuery代碼，在按鈕點擊事件中獲取文本框中的數字，并將其發送到服務器。服務器端接收到數據后計算和，并將結果返回給前端。最后，我們在頁面上展示了結果。通過這樣的實現，我們可以在不刷新整個頁面的情況下，實時獲取到兩個數字的和。