在當今的Web開發中，CRUD操作是非常重要的。CRUD代表“創建（Create）、讀取（Read）、更新（Update）和刪除（Delete）”，是許多Web應用程序中最基本的操作。jQuery和PHP是兩種非常流行的Web開發技術。讓我們來看看如何使用jQuery和PHP進行CRUD操作。 在進行CRUD操作時，我們需要能夠從數據庫中讀取數據并將其顯示在頁面上。我們可以使用PHP來連接數據庫，并使用jQuery從數據庫中檢索數據。例如，我們可以使用以下PHP代碼將數據存儲在數據庫中：

<?php
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "myDB";
// 創建連接
$conn = mysqli_connect($servername, $username, $password, $dbname);
// 檢查連接
if (!$conn) {
die("連接失敗: " . mysqli_connect_error());
}
$sql = "SELECT id, firstname, lastname FROM MyGuests";
$result = mysqli_query($conn, $sql);
if (mysqli_num_rows($result) > 0) {
// 輸出數據
while($row = mysqli_fetch_assoc($result)) {
echo "id: " . $row["id"]. " - Name: " . $row["firstname"]. " " . $row["lastname"]. "<br>";
}
} else {
echo "0 結果";
}
mysqli_close($conn);
?>

使用jQuery和Ajax，我們可以在頁面上異步加載數據并更新頁面而無需刷新整個頁面。例如，我們可以使用以下代碼從PHP文件中加載數據：

$.ajax({
url: "getdata.php",
type: "GET",
dataType: "json",
success: function(data) {
// 更新頁面內容
},
error: function(xhr, status, error) {
console.log("Error: " + error);
}
});

現在我們已經學會了從數據庫中讀取數據并在頁面上顯示它們，接下來讓我們來看看如何添加、更新和刪除數據。我們需要一個HTML表單來允許用戶輸入數據。我們可以使用以下代碼創建一個表單：

<form id="myForm"><input type="text" id="firstname" name="firstname"><br><input type="text" id="lastname" name="lastname"><br><button type="submit" id="submitBtn">提交</button></form>

然后我們可以使用jQuery來偵聽表單提交事件，并執行相應的操作。例如，以下代碼將向數據庫添加一條新記錄：

$("#myForm").submit(function(e) {
e.preventDefault();
var firstname = $("#firstname").val();
var lastname = $("#lastname").val();
$.ajax({
url: "add.php",
type: "POST",
data: { firstname: firstname, lastname: lastname },
success: function(data) {
// 更新頁面內容
},
error: function(xhr, status, error) {
console.log("Error: " + error);
}
});
});

與添加數據類似，我們也可以使用相同的技術更新和刪除數據。例如，以下代碼將更新數據庫中的一條記錄：

$("#myForm").submit(function(e) {
e.preventDefault();
var id = $("#id").val();
var firstname = $("#firstname").val();
var lastname = $("#lastname").val();
$.ajax({
url: "update.php",
type: "POST",
data: { id: id, firstname: firstname, lastname: lastname },
success: function(data) {
// 更新頁面內容
},
error: function(xhr, status, error) {
console.log("Error: " + error);
}
});
});

在此示例中，我們可以使用一個隱藏字段來存儲ID值，以便能夠更新正確的記錄。 總結一下，使用jQuery和PHP進行CRUD操作是一種非常有用的技術。我們學習了如何使用PHP從數據庫中檢索數據，并使用jQuery和Ajax在Web頁面上顯示數據。我們還學習了如何添加、更新和刪除數據，并使用jQuery和Ajax在Web頁面上進行這些操作。這種技術有許多用途，例如創建在線購物商城、創建博客網站等。如果您還沒有掌握這些技術，現在是時候開始學習了！