个人中心
gpt4 book ai didi

javascript - 如何使用 jquery/javascript、Spring 按 id 删除？

转载 作者：行者123 更新时间：2023-12-02 03:18:01 24 4
gpt4 key购买 nike

我一直想通过其 id 删除该行。我已经在服务、 Controller 、列表文件和删除文件中完成了“事情”。

这是 Controller 

  @RequestMapping("/hapussertifikasi")
    public String hapussertifikasi() {
        return ("sertifikasi/hapussertifikasi");
    }

    @ResponseBody
    @RequestMapping(value = "/hapussertifikasi/{angka}", method = RequestMethod.DELETE)
    public Map<String, String> hapussertifikasi(@PathVariable("angka") Long angka, Model model) {
        sertifikasisr.hapus(angka);
        // key value
        Map<String, String> map = new HashMap<>();
        // pakai String string karena value key dan value nya string
        System.out.println();
        System.out.println(angka);
        map.put("status", "berhasil");
        // DARI BARANG SERVICE
        /*
         * if(brngsr.hapus(angka)) { // key value map.put("status", "berhasil"); }else {
         * map.put("status", "gagal"); }
         */

        return map;
    }

这是服务文件

 public boolean hapus(Long id) {
        try {
            sertifikasi.deleteById(id);
            return true;
        }catch(Exception e) {
            return false;
        }
    }

这是列表文件

<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
</head>
<body>

    <!-- Nulis table didalam body -->
    <div class="table-responsive">
        <table class="table">
            <thead>
                <tr>
                <td>ID</td>
                    <td>Nama Sertifikasi</td>
                    <td>Penerbit</td>
                    <td>Masa Berlaku</td>
                    <td>#</td>
                </tr>
            </thead>
            <tbody id="idTbodySertifikasi">
                <tr th:each="item :${keysertifikasi}">
                <td th:text="${item.id}">ID</td>
                    <td th:text="${item.certificate_name}">NamaBarang</td>
                    <td th:text="${item.publisher}">JenisBarang</td>
                    <td th:text="${item.until_year + '-' + item.until_month }">Sampai</td>
                    <td>
                        <div class="dropdown">
                            <button class="btn btn-primary dropdown-toggle" type="button"
                                data-toggle="dropdown">
                                More <span class="caret"></span>
                            </button>
                            <ul class="dropdown-menu">
                                <li class="clDropdown" data-value="0"><a href="#">Ubah</a></li>
                                <li class="clDropdown" data-value="1"><a href="#">Hapus</a></li>
                            </ul>
                        </div>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <script type="text/javascript">
        $('.table-responsive').on('show.bs.dropdown', function() {
            $('.table-responsive').css("overflow", "inherit");
        });

        $('.table-responsive').on('hide.bs.dropdown', function() {
            $('.table-responsive').css("overflow", "auto");
        });

        $(".clDropdown").click(function() {
            debugger;
            var x = $(this).data('value');
            var angka = $(this).attr('data-idbarang');
            if (x == 0) {
                $.ajax({
                    url : './ubahsertifikasi',
                    method : 'Get',
                    success : function(model) {
                        debugger;
                        /* jahit model return dari controller ke body modal */
                        $('#idMdlBodyUbahSertifikasi').html(model);
                        /* pop up modalnya */
                        $('#idMdlUbahSertifikasi').modal('show');
                    },
                    error : function(model) {
                        debugger;
                    }
                });
            } else if (x == 1) {
                debugger;
                $.ajax({
                    url : './hapussertifikasi',
                    method : 'Get',
                    success : function(model) {
                        debugger;
                        /* jahit model return dari controller ke body modal */
                        $('#idMdlBodyHapusSertifikasi').html(model);
                        /* pop up modalnya */
                        $('#idMdlHapusSertifikasi').modal('show');
                    },
                    error : function(model) {
                        debugger;
                    }
                });
            }
        });
    </script>
</body>
</html>

最后这是删除按钮所在的删除文件

 <!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
    <div class="col-xs-12">
        <div class="row">
            <div class="col-xs-2">
                <i class="glyphicon glyphicon-trash center" style="font-size: 50px"></i>
            </div>
            <div class="col-xs-8">
                <div class="clTulisanHapus center" id="idTulisanHapus">Anda
                    Yakin ingin menghapus Pelatihan?</div>
            </div>
        </div>
    </div>
    <div class="col-md-offset-8">
        <div class="btn-group">
            <button type="button" id="idBtnHapusBatal" class="btn clBtnMdlHapus">Tidak</button>
            <button type="button" id="idBtnHapusHapus" class="btn clBtnMdlHapus">Ya</button>
        </div>
    </div>

    <script>
        $('#idBtnHapusHapus').click(function() {
            var angka = $(this).attr('data-id');
            debugger;
            debugger;
            $.ajax({
                url : '/hapussertifikasi/' + angka,
                type : 'DELETE',

                success : function(model) {
                    debugger;
                    window.location = './sertifikasi'

                },
                error : function(model) {
                    debugger;
                }
            });
        });
    </script>
</body>
</html>

id 显示正常，但 id 值未发送到 Controller 文件。

最佳答案

按钮<button type="button" id="idBtnHapusHapus" class="btn clBtnMdlHapus">Ya</button>没有data-id属性，因此当调用 var angka = $(this).attr('data-id'); 时, angka为零。

这意味着您正在 /hapussertifikasi/ 发出删除请求，这将返回 400 错误，因为您没有传递所需的参数(正确的语法是 /hapussertifikasi/14，其中 14 是您要删除的 id。)

关于javascript - 如何使用 jquery/javascript、Spring 按 id 删除？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/56946560/

24 4 0
文章推荐： amazon-web-services - Amazon 机器学习和 SageMaker 算法
文章推荐： gnuplot - 如何使网格虚线相交，在 gnuplot 中制作十字线？
文章推荐： php - 更改 `php.ini` 中的值在 Nginx 中未生效
文章推荐： Wix Burn 自定义主题阻止 exe 在其他计算机上运行
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com