layUI表格--获取选中当前行数据并通过ajax向后台传送数据并更新表格

最新推荐文章于 2024-06-21 10:43:25 发布

唐傘皮

最新推荐文章于 2024-06-21 10:43:25 发布

阅读量2.7k

点赞数 1

分类专栏： web

本文链接：https://blog.csdn.net/qq_43520913/article/details/107213456

版权

本文介绍了如何使用layUI表格获取选中行数据，并通过AJAX发送到后台进行处理。在layUI的table工具事件中，利用`table.on('tool(test)', function(obj) {...})`获取数据，通过AJAX设置URL、数据、请求方法和类型，成功后更新表格内容。后台代码通过`request.getParameter("borId")`接收前端传来的数据。" 106604797,521551,Python函数详解与应用,"['Python', '编程语言', '函数', '递归']

摘要由CSDN通过智能技术生成

如果傘皮不能用代码改变世界，那就改变自己就好了~
如果有所帮助，请给俺点个赞哦~嘿嘿

文章目录

一：表格代码

<div class="panel panel-default" style="position: absolute;top:30%;left: 5%; margin: auto">
    <table id="demo" lay-filter="test"></table>
</div>

二：JavaScript代码

在获得表格当前行数据中，主要是通过 table.on(‘tool(test)’,function (obj)这个函数实现，这是layUI包装好的，var data=obj.data;直接获得数据； var layEvent=obj.event;直接获得点击事件。
我们与后台发送数据主要是这段代码：
在url中填写你的后台接口；
在data中也就是你要发送的数据，“后台取数据的key：数据 ” ；
然后在method填写你要请求的方法；
下面那个是数据的类型，这里是json；
下面那个是请求成功后的回调，obj.del();是将表格上的数据删除掉，第二个是将弹窗关闭。

  $.ajax({
   
                            url:'/index/borInterface',
                            data:{
   borId:JSON.stringify(data),
                                myData:JSON.stringify(datas)
                            },//将日期存入json
                            method:'get',
                            contentType:'application/json',
                            success:function () {
   
                                obj.del();
                                layer.close(index);
                            }
                        });

下面给出完整代码，这里通过点击事件，如果是bor就弹出弹框，确认后通过ajax向后台发送请求，请求成功后将表格更新，也就是删除当前表格数据

<script src="/layui/layui.js"></script>
    <script>
        layui.use('table', function(){
   
            var table = layui.table;

            //第一个实例
            table.render({
   
                elem: '#demo'
                ,height: 312
                ,url: '/index/bookResult' //数据接口
                ,page: true //开启分页
                ,cols: [
                    [ //表头
                        {
   field: 'id', title: 'ID', width:80, sort