列表查询数据交互简写形式

/*
 * User: ChanceYu
 * Date: 2016/05/04
 */

require(['common', 'dialog', 'iCheck', 'validate','jquery-form','jquery-timepicker'], function(API) {

     var View = {
        init: function() {
            this.popHover();
            this.requestData();
            this.dataUp();

            this.search();

        },

        /**************  逻辑简单的写法 开始*******************************************/
        
        //设置一个 全局变量  默认没有查询条件    第一页  10条
        var data ={ pageNo: 1, pageSize: 10};
        
        var pageNum =0;//定义一个全局变量  用于存放总页数
        
        
        
        //设置一个 方法 用来  请求  smsIndexList   接口  
        function getSmsList(){
                 $.ajax({
                     url: ctx + "/sms/smsIndexList.do",
                     type: "post",
                     data:data,
                     success: function (data) {
                         handleData(data.smsList,data.total);//调用处理数据函数 用来 处理  循环  和分页
                     }
                 })
            
            
        }
        
        
        
            //设置一个 方法 用来  处理请求的数据
        function handleData(values,total){
                        //geMath.ceil()进一法取整数
                     pageNum=Math.ceil(parseInt(total)/10);   //总页数存入全局变量
                     $(".totalPage").text(pageNum);//总页数
                     $(".dangPage").text(data.pageNo);//当前页数  取全局变量data 中的    pageNo
                
                     if(pageNum==0){  //如果 总页数为0就是 没有数据    都不用遍历数据
      //                    var nullshow='<tr><td colspan="9"><div class="v-noresult"><p>对不起！暂无数据！</p></div></td></tr>'
      //                    $('#tdBody').html(nullshow);
                        //   $(".totalPage").text(0);//总页数 变为0
                     // $(".dangPage").text(0);//当前页数 变为0
                     $(".pagition").hide();
                     }else{
                        $.each(values, function (i, result) {
                             var item = "<tr><td>" + result.createTimeStr + "</td><td>" + result.smsType + "</td><td>" + result.smsStatus + "</td><td>" + result.dayNum + "</td><td><a class='color-blue j-edit'  href='/sms/smsDetail.do?date="+result.createTimeStr+"&smsTypeId="+result.smsTypeId+"' >" + "查看详情" + "</a></td></tr>";
                            // href='${ctx}/sms/toSmsDetailPage.do'
                             $('#tdBody').append(item);

                         });
                     }
                     
                      $(".action a").click(goPage); // 绑定点击事件  输入 页数跳转到指定页  方法
                      $(".next").click(goNext); //绑定 下一页
                      $(".paging .prev").click(goPrev);//绑定上一页

            
               
        }
        
        //输入 页数跳转到指定页  方法
        function goPage(){
             
             var searchPage=$(".input-text").val();
             //判断页数  不等于空   和  不大于总页数     pageNum是全局变量这里可以使用
             if(searchPage!=="" && searchPage<=pageNum){
                 data.pageNo=searchPage;//修改全局变量里面的  pageNo  其它条件不变
                 getSmsList();////调用函数 请求ajax
             }else{
                 alert('请输入正确的页数');
             }
            
        }
        
        
        //下一页 方法
        function goNext(){
             var presentPage=parseInt($(".dangPage").text());
             presentPage=presentPage+1;
            //判断页数 不大于总页数     pageNum是全局变量这里可以使用
            
            if( presentPage<=pageNum){
                data.pageNo=presentPage;//修改全局变量里面的  pageNo  其它条件不变
                getSmsList();////调用函数 请求ajax
                $(".dangPage").text(presentPage);
            }else{
                     alert('没有下一页了');
            }    
        }
        
            
        //上一页 方法
        function goPrev(){
             var presentPage=parseInt($(".dangPage").text());
             presentPage=presentPage-1;
            //判断页数 是否小于0
            if( presentPage<=0){
                data.pageNo=presentPage;//修改全局变量里面的  pageNo  其它条件不变
                getSmsList();////调用函数 请求ajax
                $(".dangPage").text(presentPage);
            }else{
                 alert('没有上一页了');
            }    
        }
        
        //进入页面  默认 没有任何条件    
         requestData:function(){
             getsmslist(); 
         }
        
        
        
        //点击查询的  动作
         search:function(){
             //修改 全局变量data 里面的 数据 将 查询的 条件 加入   同时pageNo 变为1
             $(".search").click(function(){
                var startTime= $("#start").val(); //获取开始时间
                 var endTime=$("#end").val(); //获取结束时间
                 var searchStatus=$(".searchStatus").val(); //获取状态
                 var searchType=$(".searchType option:selected").val();//获取类型
                 
                 //设置全局变量data  前面 不要有var     设置请求筛选条件 和 页数
                 data = {"startDate":startTime,"endDate":endTime,"smsTypeId":searchType,"smsStatus":searchStatus,"pageNo":1,"pageSize":10};
                 getSmsList();  //调用函数 请求ajax
            }
         }
        
        
            /**************  逻辑简单的写法 结束*******************************************/
        
        
 /*套餐剩余总量 hover信息*/
         popHover:function(){
             $(".progress").popover({ trigger: "manual" , html: true, animation:false})
                 .on("mouseenter", function () {
                     var _this = this;   // 这里的this触发的dom,需要存起来 否则在下面 .popover的逻辑中this会变为弹出的dom
                     $(this).popover("show");
                     $(".popover").on("mouseleave", function () {
                         $(_this).popover('hide');
                     });
                 }).on("mouseleave", function () {
                 var _this = this;
                 setTimeout(function () {
                     if (!$(".popover:hover").length) {
                         $(_this).popover("hide");
                     }
                 }, 300);
             });
         },
/*协议弹窗*/
        dataUp:function(){
            if(!result){
                var bojbox=document.getElementById('box');
                window.onload=setTimeout(function(){bojbox.style.display='block'},1000);
                // document.getElementById('close').onclick=function(){
                //     bojbox.style.display = 'none';
                // }
                function pop(){
                    bojbox.style.display ='block'
                }

                $("#statemenNo").click(function(){
                    window.location.href='/login/skip2IndexPage.do';
                })
                $("#statementYes").click(function(){
                    $.ajax({
                        url: ctx + "/sms/addAgreement.do",
                        type:"get",
                        data:'',
                        success: function(data) {
                            $("#box").hide()
                        }
                    })
                });
            }
        },
 /*列表默认加载*/
         requestData:function(){

             $.ajax({
                 url: ctx + "/sms/smsIndexList.do",
                 type: "get",
                 data: {"pageNo":"1","pageSize":"10"},
                 success: function (data) {
                     console.log(data);
                     $.each(data.smsList, function (i, result) {
                         var item = "<tr><td>" + result.createTimeStr + "</td><td>" + result.smsType + "</td><td>" + result.smsStatus + "</td><td>" + result.dayNum + "</td><td><a class='color-blue j-edit'  href='/sms/smsDetail.do?date="+result.createTimeStr+"&smsTypeId="+result.smsTypeId+"' >" + "查看详情" + "</a></td></tr>";
                        // href='${ctx}/sms/toSmsDetailPage.do'
                         $('#tdBody').append(item);

                     });

                     /*分页  */
                     var pageNum=parseInt(parseInt(data.total)/10+1);
                     $(".totalPage").text(pageNum);
                     if(pageNum<1){
                         var nullshow='<tr><td colspan="9"><div class="v-noresult"><p>对不起！暂无数据！</p></div></td></tr>'
                         $('#tdBody').html(nullshow);
                     }

                     $(".action a").click(function(){
                         var searchPage=$(".input-text").val();
                         if(searchPage!==""){
                             $.ajax({
                                 url: ctx + "/sms/smsIndexList.do",
                                 type: "get",
                                 data: {
                                     pageNo: searchPage,
                                     pageSize: 10
                                 },
                                 success:function(data){
                                     $("#tdBody").empty();
                                     $.each(data.smsList, function (i, result) {
                                         var item = "<tr><td>" + result.createTimeStr + "</td><td>" + result.smsType + "</td><td>" + result.smsStatus + "</td><td>" + result.dayNum + "</td><td><a class='color-blue j-edit' >" + "查看详情" + "</a></td></tr>";
                                         //href='${ctx}/sms/toSmsDetailPage.do'
                                         $('#tdBody').append(item);

                                     });

                                 }

                             })

                             $(".dangPage").text(searchPage)

                         }
                     });
                     $(".next").click(function(){
                         var presentPage=parseInt($(".dangPage").text());
                         var totalPage=parseInt($(".totalPage").text());
                         if(presentPage < totalPage){
                             $(".dangPage").text(presentPage+1);

                             var nextPage=parseInt($(".dangPage").text());
                             $.ajax({
                                 url: ctx + "/sms/smsIndexList.do",
                                 type: "get",
                                 data: {
                                     pageNo: nextPage,
                                     pageSize: 10
                                 },
                                 success: function (data) {
                                     $("#tdBody").empty();
                                     $.each(data.smsList, function (i, result) {
                                         var item = "<tr><td>" + result.createTimeStr + "</td><td>" + result.smsType + "</td><td>" + result.smsStatus + "</td><td>" + result.dayNum + "</td><td><a class='color-blue j-edit' >" + "查看详情" + "</a></td></tr>";
                                         //href='${ctx}/sms/toSmsDetailPage.do'
                                         $('#tdBody').append(item);

                                     });

                                 }
                             })
                         }
                         if(parseInt($(".dangPage").text()) >1){
                             $(".prev").css('display','block');
                         }else{
                             $(".prev").css('display','none');
                         }




                     });
                     $(".paging .prev").click(function(){
                         var newPage=$(".dangPage").text();
                         $('.dangPage').text(newPage-1);
                         var xPage=parseInt($('.dangPage').text());
                         if(xPage==1){

                             $(".prev").css('display','none');
                         }
                         $.ajax({
                             url: ctx + "/sms/smsIndexList.do",
                             type: "get",
                             data: {
                                 pageNo: xPage,
                                 pageSize: 10
                             },
                             success: function (data) {
                                 $("#tdBody").empty();
                                 $.each(data.smsList, function (i, result) {
                                     item = "<tr><td>" + result.createTimeStr + "</td><td>" + result.smsType + "</td><td>" + result.smsStatus + "</td><td>" + result.dayNum + "</td><td><a class='color-blue j-edit' href='${ctx}/sms/toSmsDetailPage.do'>" + "查看详情" + "</a></td></tr>";
                                     $('#tdBody').append(item);

                                 });


                             }
                         })



                     });



                 }
             })
         },

/*点击查询*/
         search:function(){
             $(".search").click(function(){

                 $("#pager-container").empty();
                 var template='<div class="pagination clearfix">'+
                     '<div class="page">'+
                     '<div class="paging">'+
                     '<a class="prev" href="javascript:void(0);" style="display:none" ><i></i></a>'+
                 '<span class="text page-view-num"><em class="dangPage">1</em> /<i class="totalPage"></i></span>'+
                 '<a class="next" href="javascript:void(0);"><i></i></a>'+

                 '</div>'+
                 '<div class="number">'+
                    '<input class="input-text" type="text"></div>'+
                     '<div class="action"><a href="javascript:void(0);">跳转</a></div>'+
                 '</div>'+
                 '</div>'
                 $("#pager-container").html(template);

                var startTime= $("#start").val();
                 var endTime=$("#end").val();
                 var searchStatus=$(".searchStatus").val();
                 var searchType=$(".searchType option:selected").val();



                 $.ajax({
                     url: ctx + "/sms/smsIndexList.do",
                     type: "post",
                     data: {
                         startDate:startTime,
                         endDate:endTime,
                         smsTypeId:searchType,
                         smsStatus:searchStatus,
                          pageNo:1,
                         pageSize:10

                     },
                     success: function (data) {
                         console.log(data);
                         $("#tdBody").empty();
                         $.each(data.smsList, function (i, result) {
                             var item = "<tr><td>" + result.createTimeStr + "</td><td>" + result.smsType + "</td><td>" + result.smsStatus + "</td><td>" + result.dayNum + "</td><td><a class='color-blue j-edit'  href='/sms/smsDetail.do?date="+result.createTimeStr+"&smsTypeId="+result.smsTypeId+"' >" + "查看详情" + "</a></td></tr>";
                             $('#tdBody').append(item);

                         });

                         /*分页  */
                         var pageNum=parseInt(parseInt(data.total)/10+1);
                         $(".totalPage").text(pageNum);
                         if(pageNum<1){
                                var nullshow='<tr><td colspan="9"><div class="v-noresult"><p>对不起！暂无数据！</p></div></td></tr>'
                             $('#tdBody').html(nullshow);
                         }




                         $(".action a").click(function(){
                             var searchPage=$(".input-text").val();
                             if(searchPage!==""){
                                 $.ajax({
                                     url: ctx + "/sms/smsIndexList.do",
                                     type: "get",
                                     data: {
                                         startDate:startTime,
                                         endDate:endTime,
                                         smsTypeId:searchType,
                                         smsStatus:searchStatus,
                                         pageNo: searchPage,
                                         pageSize: 10
                                     },
                                     success:function(data){
                                         $("#tdBody").empty();
                                         $.each(data.smsList, function (i, result) {
                                             var item = "<tr><td>" + result.createTimeStr + "</td><td>" + result.smsType + "</td><td>" + result.smsStatus + "</td><td>" + result.dayNum + "</td><td><a class='color-blue j-edit' >" + "查看详情" + "</a></td></tr>";
                                             //href='${ctx}/sms/toSmsDetailPage.do'
                                             $('#tdBody').append(item);

                                         });

                                     }

                                 })

                                 $(".dangPage").text(searchPage)

                             }
                         });
                         $(".next").click(function(){
                             var presentPage=parseInt($(".dangPage").text());
                             var totalPage=parseInt($(".totalPage").text());
                             if(presentPage < totalPage){
                                 $(".dangPage").text(presentPage+1);

                                 var nextPage=parseInt($(".dangPage").text());
                                 $.ajax({
                                     url: ctx + "/sms/smsIndexList.do",
                                     type: "get",
                                     data: {
                                         startDate:startTime,
                                         endDate:endTime,
                                         smsTypeId:searchType,
                                         smsStatus:searchStatus,
                                         pageNo: nextPage,
                                         pageSize: 10
                                     },
                                     success: function (data) {
                                         $("#tdBody").empty();
                                         $.each(data.smsList, function (i, result) {
                                             var item = "<tr><td>" + result.createTimeStr + "</td><td>" + result.smsType + "</td><td>" + result.smsStatus + "</td><td>" + result.dayNum + "</td><td><a class='color-blue j-edit' >" + "查看详情" + "</a></td></tr>";
                                             //href='${ctx}/sms/toSmsDetailPage.do'
                                             $('#tdBody').append(item);

                                         });

                                     }
                                 })
                             }
                             if(parseInt($(".dangPage").text()) >1){
                                 $(".prev").css('display','block');
                             }else{
                                 $(".prev").css('display','none');
                             }




                         });
                         $(".paging .prev").click(function(){
                             var newPage=$(".dangPage").text();
                             $('.dangPage').text(newPage-1);
                             var xPage=parseInt($('.dangPage').text());
                             if(xPage==1){

                                 $(".prev").css('display','none');
                             }
                             $.ajax({
                                 url: ctx + "/sms/smsIndexList.do",
                                 type: "get",
                                 data: {
                                     startDate:startTime,
                                     endDate:endTime,
                                     smsTypeId:searchType,
                                     smsStatus:searchStatus,
                                     pageNo: xPage,
                                     pageSize: 10
                                 },
                                 success: function (data) {
                                     $("#tdBody").empty();
                                     $.each(data.smsList, function (i, result) {
                                         var item = "<tr><td>" + result.createTimeStr + "</td><td>" + result.smsType + "</td><td>" + result.smsStatus + "</td><td>" + result.dayNum + "</td><td><a class='color-blue j-edit' href='${ctx}/sms/toSmsDetailPage.do'>" + "查看详情" + "</a></td></tr>";
                                         $('#tdBody').append(item);

                                     });


                                 }
                             })



                         });



                     }

                 });



             })
         },

     };
    View.init();
});