[Introduction] La fonction de requête est le module fonctionnel le plus courant et le plus couramment utilisé que nous ayons vu sur le site Web. Dans le passé, les requêtes d'informations étaient connectées à la base de données et chaque clic nécessitait la prise en charge de la base de données en arrière-plan. Cependant, dans de nombreux cas, les utilisateurs n'opèrent souvent que sur une certaine partie des données. Cela ne sert pas seulement à la fonction de requête
, c'est le module fonctionnel le plus courant et le plus utilisé que nous ayons vu sur le site Web. Dans le passé, les requêtes d'informations étaient connectées à la base de données et chaque clic nécessitait la prise en charge de la base de données en arrière-plan. Cependant, dans de nombreux cas, les utilisateurs n'opèrent souvent que sur une certaine partie des données, ce qui non seulement augmente la charge sur le serveur, mais affecte également sérieusement la vitesse de navigation de l'utilisateur.
Dans ce cas, nous devons transmettre une certaine partie des données dont l'utilisateur a besoin au client sous forme de XML, afin que l'utilisateur puisse facilement opérer sur ces données. Cela facilite non seulement les utilisateurs, mais réduit également la charge sur la base de données du serveur. Pourquoi pas! Et cette fonction peut être appliquée à de nombreux autres modules, c'est pourquoi cette fonction de requête dynamique a été ajoutée.
Matériel :
Requête dynamique du volume XML
Il y a 2 fichiers : search.xml et search.xsl
Fonction :
Requête sans rafraîchir la page Les données sont filtré et filtré pour améliorer efficacement la fonction de requête de données.
Effet :
Parcourir ici
Code :
search.xml
<?xml version="1.0" encoding="gb2312" ?> <?xml-stylesheet type="text/xsl" href="search.xsl" ?> <BlueIdea> <team> <blue_ID>1</blue_ID> <blue_name>Sailflying</blue_name> <blue_text>一个简单的查询</blue_text> <blue_time>2002-1-11 17:35:33</blue_time> <blue_class>XML专题</blue_class> </team> <team> <blue_ID>2</blue_ID> <blue_name>flyingbird</blue_name> <blue_text>嫁给你,是要你疼的</blue_text> <blue_time>2001-09-06 12:45:51</blue_time> <blue_class>灌水精华</blue_class> </team> <team> <blue_ID>3</blue_ID> <blue_name>苛子</blue_name> <blue_text>正则表达式在UBB论坛中的应用</blue_text> <blue_time>2001-11-23 21:02:16</blue_time> <blue_class>Web 编程精华</blue_class> </team> <team> <blue_ID>4</blue_ID> <blue_name>太乙郎</blue_name> <blue_text>年末经典分舵聚会完全手册 v0.1</blue_text> <blue_time>2000-12-08 10:22:48</blue_time> <blue_class>论坛灌水区</blue_class> </team> <team> <blue_ID>5</blue_ID> <blue_name>mmkk</blue_name> <blue_text>asp错误信息总汇</blue_text> <blue_time>2001-10-13 16:39:05</blue_time> <blue_class>javascript脚本</blue_class> </team> </BlueIdea>
search.xsl
<?xml version="1.0" encoding="gb2312" ?> <xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl"> <xsl:template match="/"> <html> <head> <title> XML卷之实战锦囊(2):动态查询</title> <style> body,BlueIdea,team,blue_ID,blue_name,blue_text,blue_time,blue_class{ font: 12px "宋体", "Arial", "Times New Roman"; } table { font-size: 12px; border: 0px double; border-color: #99CC99 #99CC99 #CCCCCC #CCCCCC; cellpadding:3;cellspacing:3; bgcolor:#eeeeee; text-decoration: blink} span { font-size: 12px; color: red; } </style> <script> function searchtext(x) { stylesheet=document.XSLDocument; source=document.XMLDocument; sortField=document.XSLDocument.selectNodes("//@select"); if (x!="") { sortField[1].value="team[blue_ID='"+x+"']"; Layer1.innerHTML=source.documentElement.transformNode(stylesheet); } else {alert("请输入筛选条件!");} } </script> </head> <body> <p align="center"><span>XML卷之实战锦囊(2):动态查询</span></p> <p id="Layer1" name="Layer1"> <xsl:apply-templates select="BlueIdea" /> </p> <hr size="1" width="500" /> <table align="center" cellpadding="0" cellspacing="0" border="0" > <tr> <td> <span >请输入筛选条件 : </span> blue_ID= <input type="text" name="searchtext" size="1" maxlength="1" /> <input type="button" class="button" onClick="searchtext(document.all.searchtext.value)" value="Search" name="button" /> </td> </tr> </table> </body> </html> </xsl:template> <xsl:template match="BlueIdea"> <table width="500" border="1" align="center" cellpadding="1" cellspacing="1" bordercolordark="#ffffff" bordercolorlight="#ADAAAD"> <tr bgcolor="#FFCC99" align="center"> <td>编号</td> <td>姓名</td> <td>主题</td> <td>发表时间</td> <td>归类</td> </tr> <xsl:apply-templates select="team" order-by="blue_ID"/> </table> </xsl:template> <xsl:template match="team"> <tr align="center"> <xsl:apply-templates select="blue_ID" /> <xsl:apply-templates select="blue_name" /> <xsl:apply-templates select="blue_text" /> <xsl:apply-templates select="blue_time" /> <xsl:apply-templates select="blue_class" /> </tr> </xsl:template> <xsl:template match="blue_ID"> <td bgcolor="#eeeeee"> <xsl:value-of /> </td> </xsl:template> <xsl:template match="blue_name"> <td> <xsl:value-of /> </td> </xsl:template> <xsl:template match="blue_text"> <td> <xsl:value-of /> </td> </xsl:template> <xsl:template match="blue_time"> <td> <xsl:value-of /> </td> </xsl:template> <xsl:template match="blue_class"> <td> <xsl:value-of /> </td> </xsl:template> </xsl:stylesheet>
Explication :
1) search.xml est un fichier de données, je pense que tout le monde n'aura aucun problème.
2) search.xsl est un fichier de format, il y a plusieurs choses auxquelles il faut faire attention.
(1) Dans le script :
sortField=document.XSLDocument.selectNodes("//@select");
La fonction est : trouver tous les nœuds avec l'attribut select. C'est quelque peu différent du
sortField=document.XSLDocument.selectSingleNode("//@order-by");
que j'ai mentionné dans le tri dynamique. Veuillez faire attention à cette petite différence et à leurs fonctions respectives.
sortField[1].value="team[blue_ID='" x "']";
Donc sortField[1] est le deuxième nœud trouvé, et son nœud correspondant est
Le paramètre x est la valeur saisie dans la zone de texte.
Nous avons modifié la condition de recherche de select="team" en select="team[blue_ID='x']"
La fonction est d'ajouter une condition de jugement, et uniquement les données XML dont la valeur blue_ID est égale à x sera affiché.
Bien sûr, vous pouvez enrichir les conditions de jugement. Le jugement simple que je porte ici est de le rendre plus facile à comprendre pour tout le monde.
Enfin, le nouveau contenu trié est affiché en réaffichant la valeur innerHTML de Layer1.
(2) Dans le texte :
select="team"
Dans mon cas c'est sortField[1], mais vous changerez peut-être.
Ensuite, vous devez calculer avec précision et ne pas vous tromper, sinon vous trouverez une autre entreprise !
Je propose une méthode couramment utilisée : dans le code, vous pouvez utiliser une boucle pour déterminer si c'est le nœud dont vous avez besoin.
Autre point :
XML a des exigences de casse extrêmement strictes. Alors si votre écriture n’est pas standardisée, elle va s’enrhumer !
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!