xml paging實戰

最後更新：2018-12-04 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>

//alert(19/4);
//custom add
var strXML,xmlhead,xmlnode;
xmlhead = '<?xml version="1.0" encoding="GB2312"?>'+schar;
xmlnode = '';
xmlnode = '<rautinee><member id="1"><name>海仔</name><loginName>rautinee</loginName><email>rautinee@btamail.net.cn</email></member><member id="2"><name>剛強</name><loginName>hehe</loginName><email>rautinee@chinamanagers.com</email></member>'+
'<member id="3">'+
'<name>金華剛</name>'+
'<loginName>nature_it</loginName>'+
'<email>rautinee_sea@hotmail.com</email></member>'+
'<member id="4">'+
'<name>的簡強</name>'+
'<loginName>tank</loginName>'+
'<email>tank@163.com</email></member>'+
'<member id="7">'+
'<name>合資</name>'+
'<loginName>kaka</loginName>'+
'<email>kaka@eyou.com</email></member>'+
'<member id="6">'+
'<name>加個人</name>'+
'<loginName>apple</loginName>'+
'<email>apple@163.com</email></member>'+
'<member id="8">'+
'<name>null</name>'+
'<loginName>sunny</loginName>'+
'<email>rautinee@eyou.com</email></member>'+
'<member id="10">'+
'<name>寶貝</name>'+
'<loginName>index</loginName>'+
'<email>rautinee@21cn.com</email></member>'+
'<member id="12">'+
'<name>null</name>'+
'<loginName>login</loginName>'+
'<email>webmaster@chinamanagers.com</email></member>'+
'<member id="13">'+
'<name>jiang</name>'+
'<loginName>123</loginName>'+
'<email>japing@chianmanagers.com</email></member>'+
'<member id="14">'+
'<name>null</name>'+
'<loginName>world</loginName>'+
'<email>rautinee@21cn.com</email></member>'+
'<member id="15">'+
'<name>null</name>'+
'<loginName>swallow</loginName>'+
'<email>swallow@chinamanagers.com</email></member>'+
'<member id="16">'+
'<name>魏格</name>'+
'<loginName>hotmail</loginName>'+
'<email>rautinee_sea@hotmail.com</email></member>'+
'<member id="17">'+
'<name>null</name>'+
'<loginName>wrong</loginName>'+
'<email>wrong@chinamanagers.com</email></member>'+
'<member id="18">'+
'<name>null</name>'+
'<loginName>leah</loginName>'+
'<email>leah@chinamanagers.com</email></member>'+
'<member id="19">'+
'<name>null</name>'+
'<loginName>ttth</loginName>'+
'<email>rautinee@21cn.com</email></member>'+
'</rautinee>';

strXML = xmlhead + xmlnode;
xmlDoc.loadXML(strXML);
alert(xmlDoc.xml);

//custom add

//***************這個地方是你根據實際取得的欄位名稱來改了
header="<TABLE border=1><tr><td>姓名</td><td>表徵圖</td><td>IP地址</td><td>email</td><td></td><td>日期</td><td></td><td></td></tr>";

//檢索的記錄數
maxNum = xmlDoc.getElementsByTagName(mode).length
　　//每條記錄的列數
　　column=xmlDoc.getElementsByTagName(mode).item(0).childNodes
　　//每條記錄的列數
　　colNum=column.length
　　//頁數
　　pagesNumber=Math.ceil(maxNum/pagenum)-1;
　　pagesNumber2=Math.ceil(maxNum/pagenum);
　　
　
//上一個頁面
function UpPage(page)
{
　　thePage="前一頁";
　　if(page+1>1) thePage="<A HREF='#' onclick='Javascript:return UpPageGo()'>前一頁</A>";
　　return thePage;
}
function NextPage(page)
{
　　thePage="後一頁";
　　if(page<pagesNumber) thePage="<A HREF='#' onclick='Javascript:return NextPageGo()'>後一頁</A>";
　　return thePage;
}

function UpPageGo(){

if(page>0) page--;
　　getContent();
　　BodyText="";

}
//當前的頁數
function currentPage()
{
　　var cp;
　　cp="當前是第 "+(page+1)+" 頁";
　　return cp;
}
//總共的頁數
function allPage()
{
　　var ap;
　　ap='總共 '+(pagesNumber+1)+' 頁';
　　return ap
}
function NextPageGo()
{
if (page<pagesNumber) page++;

　　getContent();
　　BodyText="";
}

//顯示分頁狀態列
function pageBar(page)
{
　　var pb;
　　pb=UpPage(page)+"　"+NextPage(page)+"　"+currentPage()+"　"+allPage()+selectPage();
　　return pb;
}
function changePage(tpage)
{　　

　　page=tpage
　　if(page>=0) page--;
　　if (page<pagesNumber) page++;
　　getContent();
　　BodyText="";
}
function selectPage()
{
　　var sp;
　　sp="<select name='hehe' onChange='javascript:changePage(this.options[this.selectedIndex].value)'>";
　　//sp="<select name='hehe' onChange='alert(this.options[this.selectedIndex].value)'>";
　　sp=sp+"<option value=''></option>";
　　for (t=0;t<=pagesNumber;t++)
　　{
　　　　sp=sp+"<option value='"+t+"'>"+(t+1)+"</option>";
　　}
　　sp=sp+"</select>"
　　return sp;
}

function getContent()
{

　　　　if (!page) page=0;
　　　　n=page*pagenum;
　　　　endNum=(page+1)*pagenum;
　　　　if (endNum>maxNum) endNum=maxNum;
　　　　BodyText=header+BodyText;
　　　　for (;n<endNum;n++)
　　　　{
　　　　　　
　　　　　　BodyText=BodyText+"<TR>";
　　　　　　　　for (m=0;m<=colNum-1;m++)
　　　　　　　　{　　
　　　　　　　　　　mName=column.item(m).tagName;
　　　　　　　　　　BodyText=BodyText+("<TD>"+xmlDoc.getElementsByTagName(mName).item(n).text+"</TD>");
　　　　　　　　}
　　　　　　BodyText=BodyText+"</TR>"
　　　　　　mm="";
　　　　　　}
　　　　　　showhtml.innerHTML=BodyText+"</table>"+pageBar(page);

BodyText=""
}
</script>

<div id="showhtml"></div>
<script language="javascript">
if (maxNum==0)
　　　　{
　　　　　　document.write("沒有檢索到合適的人才資訊")
　　　　}
　　else
　　　　{
　　　　　　getContent()
　　　　}
</script>

</BODY>
</HTML>

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More

xml paging實戰

聯繫我們

A Free Trial That Lets You Build Big!

Sales Support

After-Sales Support