标签：function res 改查 ajax 开发 template each 增删 id

修改和删除时，我们前端一般都要弄一个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>

标签：function,res,改查,ajax,开发,template,each,增删,id
来源： https://www.cnblogs.com/alwaysrun/p/16611013.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。