Detaillierte Einführung in die Verwendung von Javascript+XML zur Implementierung von Paging-XML/RSS-Tutorial-php.cn

Heim

Backend-Entwicklung

XML/RSS-Tutorial

Detaillierte Einführung in die Verwendung von Javascript+XML zur Implementierung von Paging

黄舟

Mar 06, 2017 pm 04:38 PM

In der webbasierten Technologie ist Paging ein altes Problem, aber es ist ein Problem, über das jeder spricht. Mit der zunehmenden Anwendung der XML-Technologie ist es natürlich auch möglich, XML auf Paging anzuwenden Viele Tutorials, aber ich habe sie alle verwirrt angeschaut, also habe ich beschlossen, selbst eines zu schreiben und es mit allen zu teilen und zu korrigieren.
Es gibt zwei Dateien tmh.htm und tt.xml
Der Quellcode lautet wie folgt:
tmh.htm
_____________________________________________________

<!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="">
<link rel="stylesheet" href="../website.CSS" type="text/css">
</HEAD>
<BODY>

<script language="javascript"> 
//****************变量相关定义**************
//*             author:海仔               *
//*         Email:rautinee@21cn.com      *
//*本程序可自由传播使用，但请务必保留此信息    *
//****************************************
var pagenum=4; //每页显示几条信息 
var page=0 ;
var contpage ;
var BodyText="";
var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
var mode="member";
var toolBar;
xmlDoc.async="false" 
xmlDoc.load("tt.xml")
//***************这个地方是你根据实际取得的字段名称来改了
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=&#39;#&#39; onclick=&#39;Javascript:return UpPageGo()&#39;>前一页</A>";
    return thePage;
}
function NextPage(page)
{
    thePage="后一页";
    if(page<pagesNumber) thePage="<A HREF=&#39;#&#39; onclick=&#39;Javascript:return NextPageGo()&#39;>后一页</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=&#39;总共 &#39;+(pagesNumber+1)+&#39; 页&#39;;
    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=&#39;hehe&#39; onChange=&#39;javascript:changePage(this.options[this.selectedIndex].value)&#39;>";
    //sp="<select name=&#39;hehe&#39; onChange=&#39;alert(this.options[this.selectedIndex].value)&#39;>";
    sp=sp+"<option value=&#39;&#39;></option>";
    for (t=0;t<=pagesNumber;t++)
    {
        sp=sp+"<option value=&#39;"+t+"&#39;>"+(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>
if (maxNum==0)
        {
            document.write("没有检索到合适的人才信息")
        }
    else
        {
            getContent()
        }
</script>

</BODY>
</HTML>

//下面是tt.xml的代码




<?xml version="1.0" encoding="GB2312"?>
<rautinee>

<member id=&#39;1&#39;> 
<name>海仔</name>
<loginName>rautinee</loginName>
<email>rautinee@btamail.net.cn</email></member>

<member id=&#39;2&#39;>
<name>刚强</name>
<loginName>hehe</loginName>
<email>rautinee@chinamanagers.com</email></member>

<member id=&#39;3&#39;>
<name>金华刚</name>
<loginName>nature_it</loginName>
<email>rautinee_sea@hotmail.com</email></member>

<member id=&#39;4&#39;>
<name>的简强</name>
<loginName>tank</loginName>
<email>tank@163.com</email></member>

<member id=&#39;7&#39;>
<name>合资</name>
<loginName>kaka</loginName>
<email>kaka@eyou.com</email></member>

<member id=&#39;6&#39;>
<name>加个人</name>
<loginName>apple</loginName>
<email>apple@163.com</email></member>

<member id=&#39;8&#39;>
<name>null</name>
<loginName>sunny</loginName>
<email>rautinee@eyou.com</email></member>

<member id=&#39;10&#39;>
<name>宝贝</name>
<loginName>index</loginName>
<email>rautinee@21cn.com</email></member>

<member id=&#39;12&#39;>
<name>null</name>
<loginName>login</loginName>
<email>webmaster@chinamanagers.com</email></member>

<member id=&#39;13&#39;>
<name>jiang</name>
<loginName>123</loginName>
<email>japing@chianmanagers.com</email></member>

<member id=&#39;14&#39;>
<name>null</name>
<loginName>world</loginName>
<email>rautinee@21cn.com</email></member>

<member id=&#39;15&#39;>
<name>null</name>
<loginName>swallow</loginName>
<email>swallow@chinamanagers.com</email></member>

<member id=&#39;16&#39;>
<name>魏格</name>
<loginName>hotmail</loginName>
<email>rautinee_sea@hotmail.com</email></member>

<member id=&#39;17&#39;>
<name>null</name>
<loginName>wrong</loginName>
<email>wrong@chinamanagers.com</email></member>

<member id=&#39;18&#39;>
<name>null</name>
<loginName>leah</loginName>
<email>leah@chinamanagers.com</email></member>

<member id=&#39;19&#39;>
<name>null</name>
<loginName>ttth</loginName>
<email>rautinee@21cn.com</email></member>

</rautinee>

Derzeit scheint es, dass es nur> unterstützt ;IE5.0

Das Obige ist eine detaillierte Einführung in die Verwendung von Javascript + XML zur Implementierung von Paging. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn)!

Stellungnahme

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Verwandter Artikel

Die Anatomie eines RSS -Dokuments: Struktur und ElementeMay 10, 2025 am 12:23 AM

Die Struktur eines RSS -Dokuments enthält drei Hauptelemente: 1. Rootelement, das die RSS -Version definiert; 2.: Enthaltende Kanalinformationen wie Titel, Link und Beschreibung; 3..: Darstellung spezifischer Inhalteinträge, einschließlich Titel, Link, Beschreibung usw.

Verständnis von RSS -Dokumenten: Ein umfassender LeitfadenMay 09, 2025 am 12:15 AM

RSS -Dokumente sind ein einfacher Abonnementmechanismus, um Inhaltsaktualisierungen über XML -Dateien zu veröffentlichen. 1. Die RSS -Dokumentstruktur besteht aus Elementen und enthält mehrere Elemente. 2. Verwenden Sie RSS -Leser, um den Kanal abonnieren und Informationen extrahieren, indem Sie XML analysieren. 3. Die erweiterte Verwendung beinhaltet die Filterung und Sortierung mit der FeedParser -Bibliothek. 4. Häufige Fehler umfassen XML -Analyse- und Codierungsprobleme. Das XML -Format und die Codierung müssen beim Debuggen überprüft werden. 5. Vorschläge zur Leistungsoptimierung umfassen Cache -RSS -Dokumente und asynchrone Parsen.

RSS, XML und das moderne Web: eine Inhaltssyndizierung Deep DiveMay 08, 2025 am 12:14 AM

RSS und XML sind im modernen Web immer noch wichtig. 1.RSS wird verwendet, um Inhalte zu veröffentlichen und zu verteilen, und Benutzer können über den RSS -Leser agdieren und Aktualisierungen erhalten. 2. XML ist eine Markup -Sprache und unterstützt die Datenspeicherung und -austausch, und RSS -Dateien basieren auf XML.

Jenseits der Grundlagen: Fortgeschrittene RSS -Funktionen, die von XML aktiviert sindMay 07, 2025 am 12:12 AM

RSS ermöglicht Multimedia -Inhalte Einbettung, bedingte Abonnement sowie Leistungs- und Sicherheitsoptimierung. 1) Multimedia -Inhalte wie Audio und Video durch Tags einbetten. 2) Verwenden Sie den XML -Namespace, um bedingte Abonnements zu implementieren, sodass Abonnenten Inhalte basierend auf bestimmten Bedingungen filtern. 3) Optimieren Sie die Leistung und Sicherheit von RSSFeed über den CDATA -Abschnitt und das XMLSchema, um die Stabilität und Einhaltung von Standards zu gewährleisten.

Dekodierung von RSS: Eine XML -Grundierung für WebentwicklerMay 06, 2025 am 12:05 AM

RSS ist ein XML-basiertes Format, das zur Veröffentlichung häufig aktualisierter Daten verwendet wird. Als Webentwickler kann das Verständnis von RSS die Inhaltsaggregation und die Automatisierungsaktualisierungsfunktionen verbessern. Durch das Erlernen von RSS -Struktur, Parsing- und Generationsmethoden können Sie mit RSSFeeds zuversichtlich umgehen und Ihre Fähigkeiten zur Webentwicklung optimieren.

JSON vs. XML: Warum RSS XML ausgewählt hatMay 05, 2025 am 12:01 AM

RSS wählte XML anstelle von JSON aus, weil: 1) die Struktur- und Überprüfungsfunktionen von XML besser sind als JSON, was für die Bedürfnisse von RSS -komplexen Datenstrukturen geeignet ist. 2) XML wurde zu dieser Zeit ausführlich unterstützt; 3) Die frühen Versionen von RSS basierten auf XML und sind zu einem Standard geworden.

RSS: Das XML-basierte Format erklärtMay 04, 2025 am 12:05 AM

RSS ist ein XML-basiertes Format, das zum Abonnieren und Lesen häufig aktualisierter Inhalte verwendet wird. Sein Arbeitsprinzip umfasst zwei Teile: Erzeugung und Verbrauch, und die Verwendung eines RSS -Lesers kann Informationen effizient erhalten.

Im RSS -Dokument: Essentielle XML -Tags und -attributeMay 03, 2025 am 12:12 AM

Die Kernstruktur von RSS -Dokumenten enthält XML -Tags und -attribute. Die spezifischen Analyse- und Erzeugungsschritte sind wie folgt: 1. Lesen Sie XML -Dateien, Prozess und Tags. 2. Extrakt ,,, usw. Tagsinformationen. 3. Verwenden Sie benutzerdefinierte Tags und Attribute, um die Versionskompatibilität zu gewährleisten. 4. Verwenden Sie Cache und asynchrone Verarbeitung, um die Leistung zu optimieren, um die Code -Lesbarkeit zu gewährleisten.

See all articles