javascript如何刪除信息

這篇文章主要介紹“javascript如何刪除信息”，在日常操作中，相信很多人在javascript如何刪除信息問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”javascript如何刪除信息”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

javascript刪除信息的方法：首先在每一條數據的前面加一個字段；然后點擊批量刪除按鈕跳轉到batchDelete()方法；最后創建后臺處理代碼即可。

本文操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

javascript怎么刪除信息？

JS + Ajax批量刪除數據信息

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

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

<input type="checkbox" name="userCheck" value="${user.id}" />

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

function batchDelete(){
    //判斷至少選擇了一項
    var checkedNum = $("input[name='userCheck']:checked").length;
    if (checkedNum == 0) {
        alert("至少選擇一項刪除！");
        return;
    }
    if (confirm("確定刪除選中的用戶？")) {
        var userList = new Array();
        $("input[name='userCheck']:checked").each(function(){
            userList.push($(this).val());
        });
    $.ajax({
            type : "post",
            url : "<%=request.getContextPath() %>/user/batchDelete",
            data : {userList : userList.toString()},
            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; i < strs.length; i++) {
        userService.delete(Integer.parseInt(strs[i])); 
    }
    return "redirect:/user/users";
}

到此，關于“javascript如何刪除信息”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！