jq 之es6写法

116 阅读1分钟
            let url = 'http://timemeetyou.com:8889/api/private/v1/';
            let params = { pagenum, pagesize, query }
            $.ajax({
                url: url + 'goods',
                headers: {
                    Authorization: localStorage.token
                },
                data: params,
                success: function (res) {
                    let str = '';
                    let { data: { goods } } = res;
                    goods.forEach(function (r, i) {
                        str += `
                <tr>
                    <th scope="row">${i + 1}</th>
                    <td>${r.goods_id}</td>
                    <td>${r.goods_name}</td>
                    <td>${r.goods_price}</td>
                    <td>${r.goods_number}</td>
                    <td>${r.goods_weight}</td>
                    <td>${r.goods_state}</td>
                    <td>
                        <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#a" data-whatever="@mdo" onclick="getdata(${r.goods_id})">修改</button>
                        <button type="button" class="btn btn-danger" onclick=delshop(${r.goods_id})>删除</button></td>
                  
                </tr>
`
                    })
                    $('tbody').html(str)
                    let total = res.data.total;
                    let pages = Math.ceil(total / pagesize)
                    localStorage.total = total;
                    localStorage.pages = pages
                    if (flag) {
                        for (var i = 1; i <= pages; i++) {
                            if (i > 10) {
                                for (var i = 11; i <= pages; i++) {

                                    $('.liss').append(`
                             <li id="lis"><a href="javascript:;" onclick="showPage(${i})">${i}</a></li>`)
                                }
                                $('#nextPage').before(`
                                <li id="more"><a href="#">...</a></li>
                                `)
                                break;
                            }
                            $('#nextPage').before(`
                             <li id="lis"><a href="javascript:;"  onclick="showPage(${i})">${i}</a></li>`)

                        }
                        flag = false;
                    }

                }
            })
        }
        //点击li添加active
        let indexli = ''
        $('body').on('click', '#lis', function () {
            $(this).addClass('active').siblings().removeClass('active')
            indexli = $(this).index()
            index=''
        })

        //下一页
        $('#nextPage').click(function () {
            let url = 'http://timemeetyou.com:8889/api/private/v1/';
            let params = { pagenum, pagesize, query }
            $.ajax({
                url: url + 'goods',
                headers: {
                    Authorization: localStorage.token
                },
                data: params,
                success: function (res) {
                    if (index < indexli) {
                        index=indexli
                    } 
                        index++;
                        pagenum = index;
                        init()
                        console.log(index)
                        if (index == localStorage.pages) {
                            $("#nextPage").addClass('disabled').unbind('click')
                        }
                    

                }
            })
        })