在 Web 開發(fā)中，PHP 和 AJAX 都是非常重要的技術(shù)。PHP 是一種服務(wù)器端編程語言，用于構(gòu)建 Web 應(yīng)用程序。而 AJAX 是一種基于 JavaScript 的技術(shù)，用于快速獲取服務(wù)器端數(shù)據(jù)并動態(tài)更新頁面。當(dāng)這兩種技術(shù)結(jié)合在一起時，就可以實現(xiàn)許多強大的功能和效果。在本文中，我們將重點介紹如何使用 PHP 和 AJAX 編輯功能。

首先，我們來簡單介紹一下編輯功能的實現(xiàn)原理。通常情況下，編輯操作需要經(jīng)歷兩個步驟：讀取原始數(shù)據(jù)和更新數(shù)據(jù)。在 PHP 中，可以使用數(shù)據(jù)庫操作函數(shù)（如 mysqli_query 或 pdo_query）來獲取數(shù)據(jù)并進行更新。而 AJAX 則可以使用 jQuery 的 AJAX 函數(shù)來調(diào)用這些 PHP 腳本。在 AJAX 請求成功后，更新過程可以通過 JavaScript 來實現(xiàn)。

下面，我們來看一個實際的例子。假設(shè)我們有一個員工信息表格，每行記錄都包含姓名、地址和薪水等信息。我們希望用戶能夠編輯每行記錄，并且更新到數(shù)據(jù)庫中。下面是實現(xiàn)該功能的代碼：

<?php
$mysqli = new mysqli("localhost", "my_user", "my_password", "my_db");
if ($mysqli->connect_errno) {
die("Failed to connect to MySQL: " . $mysqli->connect_error);
}
if (isset($_POST['id'])) {
$id = $_POST['id'];
$name = $_POST['name'];
$address = $_POST['address'];
$salary = $_POST['salary'];
$mysqli->query("UPDATE employees SET name='$name', address='$address', salary='$salary' WHERE id=$id");
die();
}
$result = $mysqli->query("SELECT * FROM employees");
?>
<table>
<thead>
<tr>
<th>Name</th>
<th>Address</th>
<th>Salary</th>
</tr>
</thead>
<tbody>
<?php while ($row = $result->fetch_assoc()) { ?>
<tr data-id="<?php echo $row['id'] ?>">
<td class="name"><?php echo $row['name'] ?></td>
<td class="address"><?php echo $row['address'] ?></td>
<td class="salary"><?php echo $row['salary'] ?></td>
<td><button class="edit-btn">Edit</button></td>
</tr>
<?php } ?>
</tbody>
</table>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$('table').on('click', '.edit-btn', function() {
var row = $(this).closest('tr');
var id = row.data('id');
var name = row.find('.name').text();
var address = row.find('.address').text();
var salary = row.find('.salary').text();
var formHtml = '<form>' +
'<input type="hidden" name="id" value="' + id + '">' +
'<label>Name:<input type="text" name="name" value="' + name + '"></label>' +
'<label>Address:<input type="text" name="address" value="' + address + '"></label>' +
'<label>Salary:<input type="text" name="salary" value="' + salary + '"></label>' +
'<button type="submit">Save</button>' +
'</form>';
row.html(formHtml);
});
$('table').on('submit', 'form', function(event) {
event.preventDefault();
var formData = $(this).serialize();
$.ajax({
method: "POST",
url: "edit.php",
data: formData,
});
});
</script>

在這個例子中，我們使用了 jQuery 的 on 函數(shù)來監(jiān)聽編輯按鈕的點擊事件。當(dāng)用戶點擊編輯按鈕時，我們會用表單代替表格單元格，讓用戶可以編輯相應(yīng)字段的值。當(dāng)用戶提交表單后，我們使用 AJAX 函數(shù)來將表單數(shù)據(jù)提交到 edit.php 頁面。在 edit.php 頁面中，我們使用 mysqli_query 函數(shù)來更新數(shù)據(jù)庫中的數(shù)據(jù)。

綜上所述，使用 PHP 和 AJAX 來實現(xiàn)編輯功能并不難。通過上面的代碼示例，我們可以看到如何從數(shù)據(jù)庫中獲取數(shù)據(jù)、如何監(jiān)聽用戶操作、如何更新數(shù)據(jù)。希望這篇文章能幫助你掌握使用 PHP 和 AJAX 編輯功能的技巧。