深入理解jQuery layui分页控件的使用

标签:行业资讯    日期:2018-01-02 10:24    录入:天恒娱乐平台注册    浏览:

  

[layui,分页控件,layer分页]深入理解jQuery layui分页控件的使用

  

$.getJSON( )的使用方法简介  

  
  
  $.getJSON( url [, data ] [, success(data, textStatus, jqXHR) ] )
  
  

url是必选参数,表示json数据的地址;  

  

data是可选参数,用于请求数据时发送数据参数;  

  

success是可参数,这是一个回调函数,用于处理请求到的数据。

  

  
  
  //内容页面 
  

   //分页控件  
  var roolurl = "" + window.location.host;  var urlAshx = roolurl + "/aa/Ashx/NoticeInfo.ashx";  //var pages = 0;  //获取分页好的公告内容  function GetNoticeList(curr, cid) {  $.getJSON(urlAshx,  {//参数  action: "notice_action",  courseid: cid,  page: curr || 1,//向服务端传的参数,此处只是演示  nums: 3//每页显示的条数  }, function (datajson) {//成功执行的方法  if (datajson != null) {  var norice_content = "";  //alert(datajson.pages);  $(datajson.rows).each(function (n, Row) {  norice_content += "
";  norice_content += "
";  norice_content += "

";  norice_content += Row.CreateDate;  norice_content += " ";  norice_content += Row.Creater;  norice_content += "

";  norice_content += "
";  norice_content += "
";  norice_content += Row.NoticeContent;  norice_content += "
";  norice_content += "
";  });  $('#notice_div').html(norice_content);  //alert(11);  //调用分页  laypage({  cont: 'notice_pages',//容器。值支持id名、原生dom对象,jquery对象。【如该容器为】:
  pages: datajson.pages,//总页数  groups: 5, //连续显示分页数  skip: false, //是否开启跳页  skin: '#AF0000',  curr: curr || 1, //当前页,  jump: function (obj, first) {//触发分页后的回调  if 天恒娱乐 (!first) {//点击跳页触发函数自身,并传递当前页:obj.curr  GetNoticeList(obj.curr, cid);  }  }  })  }  });  }  $(document).ready(function () {  GetNoticeList(0, '<%=_courseid%>')  });  
  
  

  

★★★小编:天恒娱乐 整理文章,欢迎大家转载 ★★★
上一篇:javascript 限制输入脚本大全
下一篇:没有了