首页前端开发JavaScriptjavascript怎么删除信息

javascript怎么删除信息

时间2024-01-29 23:52:03发布访客分类JavaScript浏览1018
导读:收集整理的这篇文章主要介绍了javascript怎么删除信息,觉得挺不错的,现在分享给大家,也给大家做个参考。javascript删除信息的方法:首先在每一条数据的前面加一个字段;然后点击批量删除按钮跳转到batchDelete( 方法;最...
收集整理的这篇文章主要介绍了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高级教程》

以上就是javascript怎么删除信息的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

上一篇: jQuery append()方法怎么用下一篇:javascript怎么更改id猜你在找的JavaScript相关文章 html font标签如何设置字体大小?html font标签属性用法介绍2022-05-16vue3+TypeScript+vue-router的使用方法2022-04-16vue3获取当前路由地址2022-04-16如何利用React实现图片识别App2022-04-16JavaScript展开运算符和剩余运算符的区别详解2022-04-16微信小程序中使用vant框架的具体步骤2022-04-16Vue elementUI表单嵌套表格并对每行进行校验详解2022-04-16如何利用Typescript封装本地存储2022-04-16微信小程序中wxs文件的一些妙用分享2022-04-16JavaScript的Set数据结构详解2022-04-16 其他相关热搜词更多phpjavapython程序员loadpost-format-gallery

若转载请注明出处: javascript怎么删除信息
本文地址: https://pptw.com/jishu/591764.html
javascript怎么更改id javascript怎么实现新建文件夹

游客 回复需填写必要信息