thymeleaf使用onclick传值出现问题的解决方法

直接上图
在这里插入图片描述

首先两个button标签,注意看圈出来的地方,模态框的绑定就不用多说了,然后看我传值方法,这个时候这样写是报错的
在这里插入图片描述
然后可以看到报了这样的错,应该就是不让用这些字符,我开始的时候也是百度了半天,试了各种方法,都是报错,然后我就浪费了半天时间,今天开始自己又捣鼓了一会,就试试不管这个错误会怎么样,然后竟然成功了,虽然我不知道怎么解决这个预编译错误,但是得出的结论就是这个错误可以忽略,这样来写值还是可以照常传进去的!!!!!
接下来看我的验证:
删除按钮对应的show函数
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

点击删除后弹出的username和this都传进去了,证明该错误确实可以忽略

相关源码
删除按钮代码

 <button   class="btn btn-default" type="button" style="color: red" data-toggle="modal"  data-target="delete"  th:onclick="show([[${user.username}]],this)">删除</button>

删除按钮对应的模态框代码

  <!--删除模态框-->
        <div class="modal fade" id="delete" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" >是否确定删除</h4>
                    </div>
                    <div class="modal-body">
                            <button style="margin-top: 10px;margin-left: 430px;" type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                            <button style="margin-top: 10px;margin-left: 20px;" type="submit" id="ok" class="btn btn-primary">确定</button>
                    </div>
                </div>
            </div>
        </div>

对应的js

<script type="text/javascript">

        toastr.options = {"timeOut":1000};
        var username_ = null;
        var trobj;
        $(function(){
            $("#ok").click(function(){
                $("#delete").modal('hide');
                $.ajax({
                    url:"/userDetele",
                    type:"post",
                    dataType:"json",
                    async:true,
                    data:"username="+username_ ,
                    success:function(data){
                        if(data == 1){
                            //隐藏当前行
                            trobj.hide();
                            alert("删除成功")
                        }else{
                            toastr.success("删除失败!");
                        }
                    }
                })
            })
        })

        function show(username,obj){
            // alert(username)
            // alert(obj)
            username_ = username;
            trobj = $(obj).parent().parent();
            $('#delete').modal('show');
        }

    </script>
  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值