jQuery Ajax是一種允許我們使用JavaScript發送HTTP請求的技術,而不需要頁面的重新加載。在網頁開發中,很多時候我們需要批量刪除一些數據。下面我們來看看如何使用jQuery Ajax處理批量刪除操作。
$(document).ready(function(){ $("#btnDelete").click(function(){ var selectedItems = $("input[name='chkItem']:checked").map(function(){ return this.value; }).get(); var dataString = 'ids='+ selectedItems.join(','); $.ajax({ type: "POST", url: "delete.php", data: dataString, cache: false, success: function(response){ if(response == "success"){ alert("刪除成功!"); location.reload(); }else{ alert("刪除失敗,請重試!"); } } }); }); });
在上面的代碼中,我們定義了一個按鈕的點擊事件,該事件會獲取所有被選中的復選框的值,并將它們存儲在selectedItems變量中。
然后,我們將這些ID組合成一個字符串,并使用jQuery Ajax將其發送到服務器的delete.php文件。
最后,我們將服務器的響應與“success”字符串進行比較,并根據響應的結果顯示不同的消息。
以上是關于jQuery Ajax批量刪除操作的簡單介紹,如有不懂請各位開發者多加練習。