js写分页
jsp:<?input?value?="1"?id?="current"?type?="hidden"/>
<div?id=?"fenYe"> ?????</div?> js: //四級(jí)下拉關(guān)系配合數(shù)據(jù) ? $(function(){ ???????????//進(jìn)來(lái)就查詢?nèi)?/span> ??????????fenye(1); ??????????chuliYeMa(); ?????}); var?totalPage; ??????//分頁(yè)方法 ?????function?fenye(current){ ???????????????if(current ==?undefined){ ???????????????????current = 1; ??????????????} ???????????????//將點(diǎn)擊后的頁(yè)放入隱藏框里 ??????????????$(?"#current"?).val(current); ???????????????//詳細(xì)原因 ??????????????var?xxYuanyinSelLen = $("#xxYuanyinSel option").length; ???????????????var?xxYuanyinSelVal = $("#xxYuanyinSel option:selected").val(); ???????????????//詳細(xì)部位 ??????????????var?xxbuweiSelLen = $("#xxbuweiSel option").length; ???????????????var?xxbuweiSelVal = $("#xxbuweiSel option:selected").val(); ???????????????//部位 ??????????????var?buweiClassSelLen = $("#buweiClassSel option").length; ???????????????var?buweiClassSelVal = $("#buweiClassSel option:selected").val(); ???????????????//項(xiàng)目 ??????????????var?xiangMuClassSelLen = $("#xiangMuClassSel option"?).length; ???????????????var?xiangMuClassSelVal = $("#xiangMuClassSel option:selected"?).val(); ???????????????//刷新表數(shù)據(jù) ??????????????if?(xxYuanyinSelLen != 0 && xxYuanyinSelVal !=?"0"?){ ????????????????????//按詳細(xì)原因查詢 ???????????????????var?className =?"xxyuanyin"; ???????? ??????fenyeGetMsg(className,xxYuanyinSelVal,current); ???????? ???????//查詢時(shí)將總頁(yè)數(shù)查出來(lái) ???????? ??????getTotalPage(className,xxYuanyinSelVal); ??????????????}?else if(xxbuweiSelLen != 0 && xxbuweiSelVal !=?"0"?){ ????????????????????//按詳細(xì)部位查詢 ???????????????????var?className =?"xxbuwei"; ???????? ??????fenyeGetMsg(className,xxbuweiSelVal,current); ???????? ???????//查詢時(shí)將總頁(yè)數(shù)查出來(lái) ???????? ??????getTotalPage(className,xxbuweiSelVal); ??????????????}?else if(buweiClassSelLen != 0 && buweiClassSelVal !=?"0"?){ ????????????????????//按部位查詢 ???????????????????var?className =?"buweiClass"; ???????? ??????????fenyeGetMsg(className,buweiClassSelVal,current); ???????? ???????//查詢時(shí)將總頁(yè)數(shù)查出來(lái) ???????? ??????getTotalPage(className,buweiClassSelVal); ??????????????}?else if(xiangMuClassSelLen != 0 && xiangMuClassSelVal !=?"0"?){ ????????????????????//按項(xiàng)目查詢 ???????????????????var?className =?"xiangmuClass"; ???????? ??????fenyeGetMsg(className,xiangMuClassSelVal,current); ???????? ???????//查詢時(shí)將總頁(yè)數(shù)查出來(lái) ???????? ??????getTotalPage(className,xiangMuClassSelVal); ??????????????}?else if(xiangMuClassSelVal ==?"0"){ ????????????????????//默認(rèn)查詢?nèi)?#xff0c;和第一級(jí)請(qǐng)選擇是查詢?nèi)?/span> ???????????????????var?className =?"xiangmuClass"; ???????? ??????fenyeGetMsg(className,xiangMuClassSelVal,current); ???????? ???????//查詢時(shí)將總頁(yè)數(shù)查出來(lái) ???????? ??????getTotalPage(className,xiangMuClassSelVal); ??????????????} ???????????????//處理頁(yè)碼 ??? ??????chuliYeMa(); ?????} ??????//處理頁(yè)碼 ?????function?chuliYeMa(){ ?????????? ???????????var?current = $("#current"?).val(); ?????????? ???????????var?shang = current*1 -1; ???????????var?xia =? current*1 + 1; ???????????var?str =?""?; ???????????if(current>1){ ??????????????str +=?"<a href='javascript:fenye("+shang+?");'>上一頁(yè)</a> " ??????????}?else{ ??????????????str +=?"<a>上一頁(yè)</a> " ??????????} ???????????for(var?i=1;i<=totalPage;i++){ ???????????????if(i == current){ ???????????????????str +=?"<a class='"+i+"'>"+i+?"</a> " ??????????????}?else{ ???????????????????str +=?"<a href='javascript:fenye("+i+?");'>"+i+"</a> " ??????????????} ??????????} ???????????if(current < totalPage){ ??????????????str +=?"<a href='javascript:fenye("+xia+?");'>下一頁(yè)</a><br/>" ??????????}?else{ ??????????????str +=?"<a>下一頁(yè)</a><br/>" ??????????} ??????????$(?"#fenYe").html(str); ??????????} ????? ??????//獲得總頁(yè)數(shù) ?????function?getTotalPage(className,id){ ??????????$.ajax({ ??????????? url :?'${pageContext.request.contextPath}/SchoolController/findSmTotalPageByClass'?, ?????????? data:{ ???????????? ???"className"?:className, ??????????????? ????"id":id ??????????? }, ??????????? type:?"post", ??????????? success:?function(data){ ??????????? ??totalPage = data; ??????????? }, ??????????? error:?function(){ ??????????? ??alert(?"查詢總頁(yè)數(shù)失敗"?); ?????????? }, ??????????? async:?false ?????????}); ?????} ????? ??????//分頁(yè)中獲得數(shù)據(jù) ?????function?fenyeGetMsg(className,id,current){ ?????????????? $.ajax({ ????????????????? url :?'${pageContext.request.contextPath}/SchoolController/findMessageByClass'?, ???????????????? data:{ ???????????????? ???"className"?:className, ???????????????? ???"id":id, ???????????????? ???"current":current ????????????????? }, ????????????????? type:?"post", ????????????????? success:?function(data){ ???????????????? ???var?str =?""?; ???????????????? ???for(var?i=0;i<data.length;i++){ ???????????????? ??????? str +=?"<a href='${pageContext.request.contextPath}/SchoolController/smYulan.from?id="+data[i].id+?"' target='_blank'>"+data[i].title+?"</a>   "?+data[i].createtime+"<br/>" ???????????????? ?? } ????????????????????? $("#schoolMessageTableTbody"?).html(str); ????????????????? }, ????????????????? error:?function(){ ???????????????? }, ????????????????? async:?false ???????????????}); ?????}轉(zhuǎn)載于:https://www.cnblogs.com/jia1994/p/4583834.html
總結(jié)
- 上一篇： 最后期限阅读笔记三
- 下一篇： javaScript一些函数--Math