$.ajax是jQuery中用于發送異步請求的方法之一。通過它，我們可以實現在不刷新整個頁面的情況下，獲取服務器返回的數據，然后根據這些數據來實現不同的功能。在使用$.ajax時，我們可以在success回調函數中對返回的數據進行處理，其中一種常見的操作就是對HTML進行循環處理。 在實際開發中，我們經常會遇到這樣的需求：從服務器端獲取一段HTML代碼，然后將其中的某些元素進行遍歷或循環處理，例如為每個商品添加點擊事件或者為每個列表項添加樣式等等。而使用$.ajax的success回調函數，我們可以輕松地實現這些功能。 例如，我們有一個網頁需要從服務器獲取一個商品列表，然后將每個商品顯示在頁面上，并為每個商品添加一個點擊事件，點擊商品后觸發一些操作。現在，我們可以通過使用$.ajax來實現這個功能： ``` $.ajax({ url: "getProductList.php", type: "GET", dataType: "html", success: function(data){ //對返回的HTML數據進行處理 $(data).find(".product").each(function(){ //為每個商品添加點擊事件 $(this).click(function(){ //點擊商品后觸發的操作 //... }); //將商品添加到頁面上 $("#productList").append($(this)); }); } }); ``` 在上面的例子中，我們通過$.ajax方法發送了一個GET請求到getProductList.php這個服務器端頁面，然后將獲取到的HTML代碼傳遞給success回調函數的data參數。在success回調函數中，我們首先使用jQuery的find方法來查找到所有class為"product"的元素，然后使用each方法來循環遍歷這些元素。 在每次循環中，我們首先為每個商品元素添加一個點擊事件，當用戶點擊該商品時就會觸發這個事件。然后，我們將該商品元素添加到頁面上的id為"productList"的容器中。 通過以上操作，我們就實現了從服務器端獲取商品列表，并將每個商品顯示在頁面上的功能。而且，我們還為每個商品添加了點擊事件，當用戶點擊商品時可以觸發一些操作。 總結來說，通過$.ajax的success回調函數，結合find和each方法，我們可以方便地對從服務器端返回的HTML進行循環處理。這樣，我們可以根據需求來對這些HTML元素進行各種操作，從而實現豐富的功能。無論是遍歷列表還是為每個元素添加樣式，$.ajax都能夠很好地協助我們完成這些任務。所以，在開發中要充分利用$.ajax的這個特性，提高效率和代碼的可維護性。