关于开发的增删改查问题

修改和删除时,我们前端一般都要弄一个id的隐藏于,以及在发ajax请求的时候要获取这个id,因此template模板要利用好

  //获取文章列表数据
    function initArtCateList() {
        $.ajax({
            method: 'GET',
            url: '/my/article/cates',
            success: function (res) {
                console.log(res);
                //调用templat拿到 注意对应的id不需要加#
                var htmlStr = template('tpl-table', res);
                $('tbody').html(htmlStr)

            }
        })
    }


<!-- 表格数据模板 -->
  <script type="text/html" id="tpl-table">
        {{ each data }}
        <tr>
            <td>{{ $value.name }}</td>
            <td>{{ $value.alias }}</td>
            <td> 
                <button type="button" data-id="{{$value.Id}}" class="btn-edit layui-btn layui-btn-primary layui-btn-xs">编辑</button>
                <button type="button" data-id="{{$value.Id}}" class="btn-delete layui-btn layui-btn-danger layui-btn-xs">删除</button>
            </td>
        </tr>
        {{/each}}
    </script>

 

相关文章

$.AJAX()方法中的PROCESSDATA参数 在使用jQuery的$.ajax()方...
form表单提交的几种方式 表单提交方式一:直接利用form表单提...
文章浏览阅读1.3k次。AJAX的无刷新机制使得在注册系统中对于...
文章浏览阅读1.2k次。 本文将解释如何使用AJAX和JSON分析器在...
文章浏览阅读2.2k次。/************************** 创建XML...
文章浏览阅读3.7k次。在ajax应用中,通常一个页面要同时发送...