弹出框中的AJAX分页

Posted 2020-10-12 boyan

$(function() {

    $("body").on("click",".set-topic",function(){
        /*获取所有题目接口*/
        var subjectType =$(this).attr("data-type");
        var tid = $(this).attr("data-id");
        var url = ‘/questions?subjectType=‘+subjectType;
        var params = {
                "tid":tid
        };    
         $.ajax({
                url: url,
                type: ‘GET‘,
                data:params,
                success: function(data) {
                    $("body").find(".topicList").html(data);
                    var allIds = $("body").find("input[name=Tids]").attr("value");
                    var arrryId=allIds.split(",")；/*split() 方法用于把一个字符串分割成字符串数组。*/
                    $("body").find(".topicList").find(".layui-unselect").click(function(){
                        var $this = $(this);
                        var pId = $this.parents("tr").attr("data-id");
                        getInputIds($this,arrryId,pId);
                    })
                    bindEvent();
                }
            });    
         function getInputIds($this,arrryId,pId){
                if($this.hasClass("layui-form-checked")){
                    $this.removeClass("layui-form-checked");
                    arrryId.removeByValue(pId);
                    $("body").find("input[name=Tids]").attr("value",arrryId);
                }else{
                    $this.addClass("layui-form-checked");
                    arrryId.push(pId);
                    var stringIds = arrryId.join(",")
                    $("body").find("input[name=Tids]").attr("value",stringIds);
                }
         }
/**根据值删除数组元素**/
         Array.prototype.removeByValue = function(val) {
              for(var i=0; i<this.length; i++) {
                if(this[i] == val) {
                  this.splice(i, 1);
                  break;
                }
              }
            }
            
            function bindEvent(){
　　　　　　　　/**弹出框中的翻页**/
                $(‘.pagination‘).find(‘a‘).click(function(){
                    var allIds = $("body").find("input[name=Tids]").attr("value");
                    var arrryId=allIds.split(",")
                   
                    $.get(this.href, function(data){
                        $("body").find(".topicList").html(data);
                        $("body").find("input[name=Tids]").attr("value",arrryId);
                        /*回显*/
                        $("body").find(".topicList").find(".layui-unselect").each(function(){
                            var $this = $(this);
                            var pId = $this.parents("tr").attr("data-id");
                            if(allIds.indexOf(pId)>=0){
                                $this.addClass("layui-form-checked");
                            }else{
                                $this.removeClass("layui-form-checked");
                            }
                        })
                        $("body").find(".topicList").find(".layui-unselect").click(function(){
                            var $this = $(this);
                            var pId = $this.parents("tr").attr("data-id");
                            getInputIds($this,arrryId,pId);
                        })
                        bindEvent();
                    })
                    return false;
                });    
            }
            
            
            
        /* 提交选中题目*/
         $("#Modal").find(".btn-primary").unbind("click").click(function(){
             var url = ‘/topic/‘+tid+‘/set_questions‘;
             var qids=$("body").find("input[name=Tids]").attr("value");
             if (qids.substr(0,1)==‘,‘){
                 s=qids.substr(1); 
             }
             if(qids==""){

             }
             var params = {
                     tid:tid,
                     qids:qids
             }
             $.ajax({
                 url:url,
                 method:‘post‘,
                 data:params,
                 success:function(data){
                    location.reload();
                 }
             })

         })

    })

    $("#topics-ip").click(function(){
    /*获取所有专题接口*/
        var theadTr = ‘<tr><td>序号</td><td>专题</td><td>费用</td></tr>‘;
        $("#a-thead").html(theadTr);
        var url = ‘/topics/json‘;
        getTopics(url);
    });
    $("#topics-ip").click(function(){
        /*获取所有专题接口*/
            var theadTr = ‘<tr><td>序号</td><td>专题</td><td>费用</td></tr>‘;
            $("#a-thead").html(theadTr);
            var url = ‘/topics/json‘;
            getTopics(url);
            /*检索专题*/
            $("body").find(".seach-p-btn").unbind("click").click(function(){
                var key = $(this).siblings(".layui-input").val();
                var url=‘/topics?key=‘+key;
                getTopics(url);
            });
            /*输入框实时搜索*/
            $("body").on("input",".layui-input",function(){
                var key = $(this).val();
                var url=‘/topics?key=‘+key;
                getTopics(url);
            });
            
        });

    $("#practicer-ip").click(function(){
        /*获取所有练习者接口*/
        var theadTr = ‘<tr><td>序号</td><td>姓名</td><td>邮箱</td></tr>‘;
        $("#a-thead").html(theadTr);
        var url = ‘/users‘;
        getUser(url);
        /*检索练习者*/
        $("body").find(".seach-p-btn").unbind("click").click(function(){
            var key = $(this).siblings(".layui-input").val();
            var url=‘/users?key=‘+key;
            getUser(url);
        });
        /*输入框实时搜索*/
        $("body").on("input",".layui-input",function(){
            var key = $(this).val();
            var url=‘/users?key=‘+key;
            getUser(url);
        });

        });
    function getUser(url){
         $.ajax({
                url: url,
                type: ‘GET‘,
                success: function(data) {
                    if(data.code==200){
                        console.log(data)
                        var n = data.users.length;
                        if(n>0){
                            $("#a-list").html("");
                            for(var i=0;i<n;i++){
                                var index = i+1
                                var tr = ‘<tr data-id="‘
                                    +data.users[i].id
                                    +‘" data-name="‘
                                    +data.users[i].name
                                    +‘"><td>‘
                                    +index
                                    +‘</td><td>‘
                                    +data.users[i].name
                                    +‘</td><td>‘
                                    +data.users[i].email
                                    +‘</td></tr>‘;
                                $("#a-list").append(tr);
                                
                            }
                            }else{
                                var tr = ‘<tr><td colspan="3">暂无信息</td></tr>‘;
                                $("#a-list").html(tr);
                            }
                        /*    选中专题*/
                         $("#a-list").find("tr").click(function(){
                             $(this).toggleClass("tr-checked")
                             $(this).siblings().removeClass("tr-checked");
                         })
                    }else{
                        layer.msg("获取专题失败，请刷新后重试!")
                    }
                }
            })
            /* 提交选中练习者*/
             $("#Modal").find(".btn-primary").unbind("click").click(function(){
                 var title = $("#a-list").find(".tr-checked").attr("data-name");
                 var id = $("#a-list").find(".tr-checked").attr("data-id");
                 $("#practicer-ip").val(title);
                 $("input[name=toAuthorizerId]").val(id)
                  $("#Modal").modal("hide");
             })
    }
    
    function getTopics(url){
         $.ajax({
                url: url,
                type: ‘GET‘,
                success: function(data) {
                    if(data.code==200){
                        var m = data.topics;
                        console.log(data)
                        console.log(m)
                        console.log(333)
                        var n = data.topics.length;
                        var m = data.topics;
                        console.log(m)
                        if(n>0){
                            $("#a-list").html("");
                            for(var i=0;i<n;i++){
                                var index = i+1
                                var tr = ‘<tr data-id="‘
                                    +data.topics[i].id
                                    +‘" data-title="‘
                                    +data.topics[i].title
                                    +‘"><td>‘
                                    +index
                                    +‘</td><td>‘
                                    +data.topics[i].title
                                    +‘</td><td>‘
                                    +data.topics[i].fee
                                    +‘</td></tr>‘;
                                $("#a-list").append(tr);
                                
                            }
                            }else{
                                var tr = ‘<tr><td colspan="3">暂无信息</td></tr>‘;
                                $("#a-list").html(tr);
                            }
                        /*    选中专题*/
                         $("#a-list").find("tr").click(function(){
                             $(this).toggleClass("tr-checked")
                             $(this).siblings().removeClass("tr-checked");
                         })
                    }else{
                        layer.msg("获取专题失败，请刷新后重试!")
                    }
                }
            })
            /* 提交选中专题*/
             $("#Modal").find(".btn-primary").unbind("click").click(function(){
                 var title = $("#a-list").find(".tr-checked").attr("data-title");
                 var id = $("#a-list").find(".tr-checked").attr("data-id");
                 $("#topics-ip").val(title);
                 $("input[name=topicId]").val(id)
                  $("#Modal").modal("hide");
             })
    }
})