AJAX（Asynchronous JavaScript and XML）是一種常用的前端技術，可以實現異步數據傳輸和無需刷新頁面的交互效果。在開發中，我們經常會遇到需要將復選框的選中狀態回顯到前臺的情況。本文將介紹如何使用AJAX來實現復選框的回顯，并通過舉例的方式詳細說明。 在實際開發中，我們經常遇到一個場景：用戶在一個表單中選擇了一些選項并提交，然后在表單重新加載時，需要將用戶之前選擇的選項回顯到頁面上。例如，一個購物車頁面中有多個商品，并且每個商品都有一個復選框，用戶可以選擇其中的一些商品加入購物車。當用戶提交表單后，需要在下次加載頁面時將用戶之前選擇的商品回顯到復選框中，以便用戶能夠直觀地看到自己之前已經選擇過的商品。 使用AJAX技術來實現這個功能非常簡單。我們可以在頁面加載完成時，通過AJAX請求向后臺獲取用戶之前選擇的商品的信息，并根據這些信息來設置每個商品復選框的選中狀態。下面的代碼是一個簡單的示例，演示了如何使用AJAX來實現復選框的回顯效果： ```html

購物車

商品1
商品2
商品3

``` 上面的代碼中，我們使用了jQuery框架來簡化AJAX請求和DOM操作的過程。在頁面加載完成時，使用`$(document).ready()`函數來執行AJAX請求。請求的URL是"getSelectedItems.php"，這個URL是后臺的一個接口，用來獲取用戶選擇的商品信息。我們需要根據實際情況來編寫這個接口的代碼。 在AJAX請求成功的回調函數中，我們利用返回的數據來設置每個商品復選框的選中狀態。如果某個商品在返回的數據中被標記為已選中，則使用`prop("checked", true)`來設置該商品的復選框為選中狀態。根據需要，可以在服務器端返回的數據中設置一個字段來表示每個商品的選中狀態。 總結來說，通過使用AJAX技術，我們可以輕松地實現復選框的回顯效果。在頁面加載完成時發送一個AJAX請求，獲取用戶之前選擇的商品信息，并根據這些信息來設置每個商品復選框的選中狀態。這樣，當頁面重新加載時，用戶就能夠看到自己之前選擇過的商品。