développement back-endTutoriel XML/RSSExplication détaillée de Javascript appelant XML pour créer des exemples de code de liste déroulante liée
Deux méthodes sont utilisées pour lier les listes déroulantes dans les pages HTML traditionnelles :
1) Coder directement en dur le contenu de la liste déroulante dans le JavaScript du HTML et appeler la fonction Javascript pour l'écrire dans le drop -down box dans une boucle. Cette méthode ne convient pas aux situations dans lesquelles le contenu de la liste déroulante change fréquemment. Parce que la source de données et le programme JavaScript sont écrits sur la même page.
<html>
<head>
<title>List</title>
<meta http-equiv="Content-Type" content="text/html; c
harset=gb2312">
<script LANGUAGE="javascript">
<!--
var onecount;
onecount=0;
subcat = new Array();
subcat[0] = new Array("徐汇区","01","001");
subcat[1] = new Array("嘉定区","01","002");
subcat[2] = new Array("黄浦区","01","003");
subcat[3] = new Array("南昌市","02","004");
subcat[4] = new Array("九江市","02","005");
subcat[5] = new Array("上饶市","02","006");
onecount=6;
function changelocation(locationid)
{
document.myform.smalllocation.length = 0;
var locationid=locationid;
var i;
document.myform.smalllocation.options[0] = new Option('====所有地区====','');
for (i=0;i <onecount; i++)
{
if (subcat[i][1] == locationid)
{
document.myform.smalllocation.options[document.myform.smalllocation.length]
= new Option(subcat[i][0], subcat[i][2]);
}
}
}
//-->
</script>
</head>
<body>
<form name="myform" method="post">
<select name="biglocation"
onChange="changelocation(document.myform.biglocation.options[document.myform.biglocation.selectedIndex].value)">
<option value="01" selected>上海</option>
<option value="02">江西</option>
</select>
<select name="smalllocation">
<option selected value="">==所有地区==</option>
</select>
</form>
<script LANGUAGE="javascript">
<!--
changelocation(document.myform.biglocation.options[document.myform.biglocation.selectedIndex].value);
//-->
</script>
</body>
</html>2) JavaScript lit directement la base de données, prend les enregistrements de la base de données et les écrit en JavaScript, puis, comme la première méthode, appelle la fonction JavaScript pour écrire dans la liste déroulante une boucle. Cette méthode sépare la source de données de JavaScript, mais exposer la connexion à la base de données a peu de valeur pratique du point de vue de la sécurité.
Ma méthode consiste à mettre les données dans la liste déroulante dans un fichier XML, à utiliser javascript pour lire le fichier XML et à obtenir le contenu dans la liste déroulante.
Le fichier HTML est le suivant :
<!-- myfile.html -->
<html>
<head>
<script language="JavaScript" for="window" event="onload">
var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
var i=0;
var j=0;
var subclass_name="";
loadXML();
function loadXML(){
xmlDoc.async="false";
xmlDoc.load("account.xml");
xmlObj=xmlDoc.documentElement;
nodes = xmlDoc.documentElement.childNodes;
document.frm.mainclass.options.length = 0;
document.frm.subclass.options.length = 0;
for (i=0;i<xmlObj.childNodes.length;i++){
labels=xmlObj.childNodes(i).getAttribute("display_name");
values=xmlObj.childNodes(i).text;
document.frm.mainclass.add(document.createElement("OPTION"));
document.frm.mainclass.options[i].text=labels;
document.frm.mainclass.options[i].value=values;
}
}
</script>
<script language="JavaScript" >
var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
var i=0;
var j=0;
function deleteOption() {
}
function setsubclass(main){
var is_selected="N";
if (document.frm.subclass.options.length!=0) {
for (i=0;i<=document.frm.subclass.options.length;i++)
document.frm.subclass.options[i]=null ;
}
//重复才有效
if (document.frm.subclass.options.length!=0) {
for (i=0;i<=document.frm.subclass.options.length;i++){
document.frm.subclass.options[i]=null ;
document.frm.subclass.options.remove(i);
}
}
for (i=0;i<xmlObj.childNodes.length;i++){
var values="";
var lables="";
if (is_selected=="Y") return;
labels=xmlObj.childNodes(i).getAttribute("display_name");
values=xmlObj.childNodes(i).text;
//alert(labels+ " | "+main);
if (labels==main){
is_selected="Y";
for (j=0;j<xmlObj.childNodes(i).childNodes.length;j++){
//subclass_name="document.frm.subclass";
labels=xmlObj.childNodes(i).childNodes(j).getAttribute("display_name");
values=xmlObj.childNodes(i).childNodes(j).text;
//alert(values);
document.frm.subclass.add(document.createElement("OPTION"));
document.frm.subclass.options[j].text=labels;
document.frm.subclass.options[j].value=values;
}
}
}
}
</script>
<title>在HTML中调用XML数据</title>
</head>
<body bgcolor="#FFFFFF">
<FORM NAME="frm">
类型<SELECT NAME="mainclass" OnChange='setsubclass(this[selectedIndex].text)'></SELECT>
<option selected value="" ></option>
子类<SELECT NAME="subclass"></SELECT>
</form>
</body>
</html>
account.xml 如下：
<?xml version="1.0" encoding="GB2312"?>
<item>
<class display_name="未选定">
<subclass display_name="">Not Available</subclass>
</class>
<class display_name="95788主叫卡">
<subclass display_name="1152069589-1152069638">dangdang1</subclass>
<subclass display_name="1152081031-1152081080">dangdang2</subclass>
<subclass display_name="1152547201-1105254750">dangdang3</subclass>
<subclass display_name="1152548401-1152548700">dangdang4</subclass>
<subclass display_name="1152548701-1152549000">dangdang5</subclass>
<subclass display_name="1156000001-1156010000">dangdang6</subclass>
</class>
<class display_name="网上注册">
<subclass display_name="1152000001-1152001000">zhuce_user1</subclass>
<subclass display_name="1151001000-1151005000">zhuce_user2</subclass>
</class>
<class display_name="通讯">
<subclass display_name="1156030001-1156080000">tongxun</subclass>
</class>
</item>Cette méthode sépare la source de données du programme javascript et convient aux sources de données qui changent fréquemment. Dans xmlDoc.load, vous pouvez appeler directement les paramètres d'URL et lire du XML distant pour obtenir un couplage lâche. L'application ci-dessus passe dans IE6.0. L'inconvénient est que lors de la suppression du contenu de la liste déroulante, vous devez
répéter l'opération de suppression, sinon il y aura des bugs évidents. J'espère que certains lecteurs pourront me corriger.
Ce qui précède est l'explication détaillée de Javascript appelant XML pour créer un exemple de code de liste déroulante liée. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php.cn) !
Création de documents RSS: un tutoriel étape par étapeApr 13, 2025 am 12:10 AMLes étapes pour créer un document RSS sont les suivantes: 1. Écrivez au format XML, avec l'élément racine, y compris les éléments. 2. Ajouter, etc. Éléments pour décrire les informations du canal. 3. Ajouter des éléments, chacun représentant une entrée de contenu, y compris ,,,,,,,,,,,,. 4. Ajouter éventuellement et des éléments pour enrichir le contenu. 5. Assurez-vous que le format XML est correct, utilisez des outils en ligne pour vérifier, optimiser les performances et tenir le contenu à jour.
Rôle de XML dans RSS: le fondement du contenu syndiquéApr 12, 2025 am 12:17 AMLe rôle central de XML dans RSS est de fournir un format de données standardisé et flexible. 1. La structure et les caractéristiques du langage de balisage de XML le rendent adapté à l'échange et au stockage des données. 2. RSS utilise XML pour créer un format standardisé pour faciliter le partage de contenu. 3. L'application de XML en RSS comprend des éléments qui définissent le contenu des aliments, tels que le titre et la date de sortie. 4. Les avantages incluent la normalisation et l'évolutivité, et les défis incluent des exigences de syntaxe verbeux et strictes de documents. 5. Les meilleures pratiques incluent la validation de la validité XML, la maintenance simple, l'utilisation des CDATA et la mise à jour régulièrement.
De XML au contenu lisible: démystifier les flux RSSApr 11, 2025 am 12:03 AMRSSFeedsArexMLDocuments utilisé pour la contention de la variabilité et la distribution.
Existe-t-il une alternative RSS basée sur JSON?Apr 10, 2025 am 09:31 AMJSONFeed est une alternative RSS basée sur JSON qui a ses avantages simplicité et facilité d'utilisation. 1) JSONFeed utilise le format JSON, qui est facile à générer et à analyser. 2) Il prend en charge la génération dynamique et convient au développement Web moderne. 3) L'utilisation de JSONFeed peut améliorer l'efficacité de la gestion du contenu et l'expérience utilisateur.
Outils de document RSS: Flux de construction, de validation et d'éditionApr 09, 2025 am 12:10 AMComment construire, valider et publier RSSFeeds? 1. Build: Utilisez des scripts Python pour générer RSSFeed, y compris le titre, le lien, la description et la date de sortie. 2. Vérification: utilisez FeedValidator.org ou Python Script pour vérifier si RSSFeed est conforme aux normes RSS2.0. 3. Publier: Télécharger les fichiers RSS sur le serveur, ou utiliser Flask pour générer et publier RSSFeed dynamiquement. Grâce à ces étapes, vous pouvez gérer et partager efficacement le contenu.
Sécuriser vos flux XML / RSS: une liste de contrôle de sécurité complèteApr 08, 2025 am 12:06 AMMéthodes pour garantir la sécurité de XML / RSSFeeds incluent: 1. Vérification des données, 2. Transmission cryptée, 3. Contrôle d'accès, 4. Journaux et surveillance. Ces mesures protègent l'intégrité et la confidentialité des données via des protocoles de sécurité du réseau, des algorithmes de chiffrement des données et des mécanismes de contrôle d'accès.
XML / RSS Interview Questions & Answers: Augmentez votre expertiseApr 07, 2025 am 12:19 AMXML est un langage de balisage utilisé pour stocker et transférer des données, et RSS est un format basé sur XML utilisé pour publier du contenu fréquemment mis à jour. 1) XML décrit les structures de données via des balises et des attributs, 2) RSS définit une publication spécifique de balises et un contenu souscrit, 3) XML peut être créé et analysé à l'aide des nœuds XML de Python pour les expressions XPATH qui peuvent être validés par XMllint, 7), le traitement des grands fichiers XML avec SAX Parser peut optimiser les performances.
Tutoriel Advanced XML / RSS: Ace votre prochain entretien techniqueApr 06, 2025 am 12:12 AMXML est un langage de balisage pour le stockage et l'échange de données, et RSS est un format basé sur XML pour la publication du contenu mis à jour. 1. XML définit les structures de données, adaptées à l'échange de données et au stockage. 2.RSS est utilisé pour l'abonnement de contenu et utilise des bibliothèques spéciales lors de l'analyse. 3. Lors de l'analyse du XML, vous pouvez utiliser DOM ou SAX. Lors de la génération de XML et de RSS, les éléments et les attributs doivent être définis correctement.
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
AI Hentai Generator
Générez AI Hentai gratuitement.
Article chaud
Outils chauds
mPDF
mPDF est une bibliothèque PHP qui peut générer des fichiers PDF à partir de HTML encodé en UTF-8. L'auteur original, Ian Back, a écrit mPDF pour générer des fichiers PDF « à la volée » depuis son site Web et gérer différentes langues. Il est plus lent et produit des fichiers plus volumineux lors de l'utilisation de polices Unicode que les scripts originaux comme HTML2FPDF, mais prend en charge les styles CSS, etc. et présente de nombreuses améliorations. Prend en charge presque toutes les langues, y compris RTL (arabe et hébreu) et CJK (chinois, japonais et coréen). Prend en charge les éléments imbriqués au niveau du bloc (tels que P, DIV),
Version Mac de WebStorm
Outils de développement JavaScript utiles
VSCode Windows 64 bits Télécharger
Un éditeur IDE gratuit et puissant lancé par Microsoft
Version crackée d'EditPlus en chinois
Petite taille, coloration syntaxique, ne prend pas en charge la fonction d'invite de code
MantisBT
Mantis est un outil Web de suivi des défauts facile à déployer, conçu pour faciliter le suivi des défauts des produits. Cela nécessite PHP, MySQL et un serveur Web. Découvrez nos services de démonstration et d'hébergement.
