développement back-endTutoriel XML/RSSIntroduction détaillée sur la façon d'utiliser Javascript XML pour implémenter la paginationIntroduction détaillée sur la façon d'utiliser Javascript XML pour implémenter la pagination
Dans la technologie Web, la pagination est un problème ancien, mais c'est un problème dont tout le monde parle. Avec l'application croissante de la technologie XML, il est également possible d'appliquer le XML à la pagination. beaucoup de tutoriels, mais je les ai tous regardés avec confusion, alors j'ai décidé d'en écrire un moi-même et de le partager et de le corriger avec tout le monde.
Il existe deux fichiers tmh.htm & tt.xml
Le code source est le suivant :
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='#' 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>
if (maxNum==0)
{
document.write("没有检索到合适的人才信息")
}
else
{
getContent()
}
</script>
</BODY>
</HTML>
//下面是tt.xml的代码
<?xml version="1.0" encoding="GB2312"?>
<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>Actuellement, il semble qu'il ne supporte que> ;IE5.0
Ce qui précède est une introduction détaillée à la façon d'utiliser javascript XML pour implémenter la pagination. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php.cn) !
Comprendre RSS: une perspective XMLApr 25, 2025 am 12:14 AMRSS est un format basé sur XML utilisé pour publier du contenu fréquemment mis à jour. 1. RSSFeed organise les informations via la structure XML, y compris le titre, le lien, la description, etc. 2. La création de RSSFeed nécessite une écriture dans la structure XML, ajoutant des métadonnées telles que la langue et la date de sortie. 3. L'utilisation avancée peut inclure des fichiers multimédias et des informations classifiées. 4. Utilisez des outils de vérification XML pendant le débogage pour vous assurer que les éléments requis existent et sont codés correctement. 5. Optimisation de RSSFeed peut être réalisée en paginant, en mise en cache et en gardant la structure simple. En comprenant et en appliquant ces connaissances, le contenu peut être géré et distribué efficacement.
RSS dans XML: Décodage des balises, des attributs et de la structureApr 24, 2025 am 12:09 AMRSS est un format basé sur XML utilisé pour publier et s'abonner au contenu. La structure XML d'un fichier RSS comprend un élément racine, un élément et plusieurs éléments, chacun représentant une entrée de contenu. Lire et analyser les fichiers RSS via un analyseur XML, et les utilisateurs peuvent s'abonner et obtenir le dernier contenu.
Les avantages de XML en RSS: une plongée profonde techniqueApr 23, 2025 am 12:02 AMXML présente les avantages des données structurées, de l'évolutivité, de la compatibilité multiplateforme et de la vérification d'analyse en RSS. 1) Les données structurées garantissent la cohérence et la fiabilité du contenu; 2) L'évolutivité permet l'ajout de balises personnalisées en fonction des besoins de contenu; 3) La compatibilité multiplateforme le fait fonctionner de manière transparente sur différents appareils; 4) Les outils analytiques et de vérification garantissent la qualité et l'intégrité du flux.
RSS dans XML: dévoiler le cœur de la syndication du contenuApr 22, 2025 am 12:08 AML'implémentation de RSS dans XML consiste à organiser le contenu via un format XML structuré. 1) RSS utilise XML comme format d'échange de données, y compris des éléments tels que les informations de canal et la liste des projets. 2) Lors de la génération de fichiers RSS, le contenu doit être organisé en fonction des spécifications et publié sur le serveur pour abonnement. 3) Les fichiers RSS peuvent être abonnés via un lecteur ou un plug-in pour mettre à jour automatiquement le contenu.
Au-delà des bases: fonctionnalités avancées du document RSSApr 21, 2025 am 12:03 AMLes fonctionnalités avancées de RSS incluent des espaces de noms de contenu, des modules d'extension et des abonnements conditionnels. 1) L'espace de noms de contenu étend les fonctionnalités RSS, 2) des modules étendus tels que Dublincore ou iTunes pour ajouter des métadonnées, 3) les entrées de filtres d'abonnement conditionnels en fonction de conditions spécifiques. Ces fonctions sont implémentées en ajoutant des éléments XML et des attributs pour améliorer l'efficacité de l'acquisition d'informations.
L'épine dorsale XML: comment les aliments RSS sont structurésApr 20, 2025 am 12:02 AMRSSFeedsUsexmltostructureContenSupdates.1)
RSS & XML: Comprendre le duo dynamique du contenu WebApr 19, 2025 am 12:03 AMRSS et XML sont des outils pour la gestion du contenu Web. RSS est utilisé pour publier et s'abonner au contenu, et XML est utilisé pour stocker et transférer des données. Ils travaillent avec la publication de contenu, les abonnements et la mise à jour push. Des exemples d'utilisation comprennent les articles de blog RSS Publishing et le stockage des informations sur le livre.
Documents RSS: Foundation of Web SyndicationApr 18, 2025 am 12:04 AMLes documents RSS sont des fichiers structurés basés sur XML utilisés pour publier et s'abonner au contenu fréquemment mis à jour. Ses principales fonctions comprennent: 1) les mises à jour automatisées de contenu, 2) l'agrégation de contenu et 3) l'amélioration de l'efficacité de navigation. Grâce à RSSFeed, les utilisateurs peuvent s'abonner et obtenir les dernières informations de différentes sources en temps opportun.
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
Video Face Swap
Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !
Article chaud
Outils chauds
Adaptateur de serveur SAP NetWeaver pour Eclipse
Intégrez Eclipse au serveur d'applications SAP NetWeaver.
DVWA
Damn Vulnerable Web App (DVWA) est une application Web PHP/MySQL très vulnérable. Ses principaux objectifs sont d'aider les professionnels de la sécurité à tester leurs compétences et leurs outils dans un environnement juridique, d'aider les développeurs Web à mieux comprendre le processus de sécurisation des applications Web et d'aider les enseignants/étudiants à enseigner/apprendre dans un environnement de classe. Application Web sécurité. L'objectif de DVWA est de mettre en pratique certaines des vulnérabilités Web les plus courantes via une interface simple et directe, avec différents degrés de difficulté. Veuillez noter que ce logiciel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
VSCode Windows 64 bits Télécharger
Un éditeur IDE gratuit et puissant lancé par Microsoft
