JS Ajax批量刪除數據信息

批量刪除數據信息已經是很常見的功能需求了，下面是一個JS + Ajax提交給後台進行數據刪除的一個小例子：

首先在每一條數據的前面加一個欄位，用來顯示複選框，代碼如下：

點擊批量刪除按鈕跳轉到batchDelete（）方法：代碼如下：

函數batchDelete（）{

//判斷至少選擇了一項

var checkedNum = $（「input [name ='userCheck']：checked」）。

if（checkedNum == 0）{

alert（「至少選擇一項刪除！ ）;

返回;

}

if（confirm（「確定刪除選中的用戶？」））{

var userList = new Array（）;

$（「input [name ='userCheck']：checked」）。each（function（）{

userList.push（$（this）.val（））;

}）;

$ .ajax（{

type：「post」，

url：「 / user / batchDelete」，

data：，

success：function（）{

alert「刪除成功「）！;

location.reload（）;

}，

error：function（）{

alert（「刪除失敗！」）

}

}）;

}

}

後台的Java的處理代碼如下：

@RequestMapping（value =「/ batchDelete」）

public String batchDelete（String userList）{

String [] strs = userList.split（「，」）;

for（int i = 0; 我

userService.delete（Integer.parseInt（strs [i]））;

}

return「redirect：/ user / users」;

}

轉發分享是一種美德

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！