< p >一旦用戶提交了表單，我們往往希望在發送郵件、更新記錄等操作完成后，盡快通知其實際完成情況，而不需要使其在等待頁面重載。通知功能最理想的方式是為用戶展現一個實時反饋的消息通知。這些通知可以包含新數據、警告、錯誤和成功信息等等。為了實現通知功能，我們需要使用 AJAX 技術，并且編寫 notify.php 文件來處理這些 AJAX 請求。首先，我們來看一下基本思路和使用舉例。< / p >< p >對于一個表單的提交，其表單的 HTML 片段可能如下所示：< / p >< pre >< form id="example-form" action="submit.php" method="post">< input type="text" name="fullname" id="fullname" />< input type="email" name="email" id="email" />< button type="submit">Submit< /form>< /pre >< p >當用戶點擊 `< button>` 按鈕時，我們就向 submit.php 文件提交表單，并展示一個正在加載的消息。如果一切順利，則將 `notify.php` 文件下載到客戶端，并且在響應中顯示成功信息。如果有錯誤發生，例如表單驗證失敗或數據庫更新失敗，則輸出錯誤消息或詳細的錯誤報告。< / p >< pre >$(document).ready(function() { $('#example-form').submit(function(e) { e.preventDefault(); $.ajax({ url: 'submit.php', type: 'post', data: $('#example-form').serialize(), beforeSend: function() { // 顯示加載中消息 $('#submit-message').html('Please wait...'); }, success: function(data) { // 加載通知消息 $.get('notify.php', function(notify_response) { $('#submit-message').html(notify_response); }); }, error: function(jqXHR, textStatus, errorThrown) { // 顯示錯誤消息，也可以顯示異常堆棧 $('#submit-message').html('An error occurred: ' + textStatus); } }); }); });< /pre >< p >我們通過調用 jQuery AJAX 函數來實現上述功能。這個函數接受一個參數對象，用于指定請求方法、數據類型、響應等信息。在處理 AJAX 響應時，會調用相應的回調函數，比如成功函數，用于處理響應數據并執行 JavaScript 代碼。< / p >< p >最后，讓我們來看看 notify.php 的代碼。該代碼需要輸出 JSON、XML 或 HTML 格式的響應數據。我們可以使用 PHP 對象或數組來構建響應，然后使用 `json_encode()` 或 `simplexml_load_string()` 函數將數組或對象轉換成 JSON 或 XML 格式。在 HTML 響應中，我們可以生成實際的消息文本，并將其包裝在合適的 HTML 標記中，例如 `< div>` 或 `< p>` 標簽。< / p >< pre >// Notify user of successful submission $response = new stdClass(); $response->success = true; $response->message = 'Thank you! Your submission has been received.'; header('Content-Type: application/json'); echo json_encode($response);< /pre>< p>總之，在通知用戶方面，`notify.php` 文件可以成為一個非常有用的工具。通過實現 AJAX 請求，我們可以快速地發送實時反饋消息，從而離開用戶的等待和減少頁面的刷新。這個功能的主要好處在于改善用戶體驗和減少服務器負載，特別是對于高流量站點和需要高度響應性的應用程序。< / p>