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) !
L'anatomie d'un document RSS: structure et élémentsMay 10, 2025 am 12:23 AMLa structure d'un document RSS comprend trois éléments principaux: 1.: Élément racine, définissant la version RSS; 2.: Contenant des informations sur le canal, telles que le titre, le lien et la description; 3.: Représentant des entrées de contenu spécifiques, y compris le titre, le lien, la description, etc.
Comprendre les documents RSS: un guide completMay 09, 2025 am 12:15 AMLes documents RSS sont un mécanisme d'abonnement simple pour publier des mises à jour de contenu via des fichiers XML. 1. La structure du document RSS se compose et des éléments et contient plusieurs éléments. 2. Utilisez les lecteurs RSS pour vous abonner au canal et extraire les informations en analysant XML. 3. L'utilisation avancée comprend le filtrage et le tri à l'aide de la bibliothèque FeedParser. 4. Les erreurs courantes incluent les problèmes d'analyse XML et d'encodage. Le format XML et l'encodage doivent être vérifiés lors du débogage. 5. Les suggestions d'optimisation des performances incluent les documents RSS Cache et l'analyse asynchrone.
RSS, XML et le Web moderne: une plongée profonde de syndication de contenuMay 08, 2025 am 12:14 AMRSS et XML sont toujours importants dans la toile moderne. 1.RSS est utilisé pour publier et distribuer du contenu, et les utilisateurs peuvent s'abonner et obtenir des mises à jour via le lecteur RSS. 2. XML est un langage de balisage et prend en charge le stockage et l'échange de données, et les fichiers RSS sont basés sur XML.
Au-delà des bases: fonctionnalités RSS avancées activées par XMLMay 07, 2025 am 12:12 AMRSS permet l'intégration du contenu multimédia, l'abonnement conditionnel et l'optimisation des performances et de la sécurité. 1) Intégrer le contenu multimédia tel que l'audio et la vidéo via des balises. 2) Utilisez l'espace de noms XML pour implémenter des abonnements conditionnels, permettant aux abonnés de filtrer le contenu en fonction de conditions spécifiques. 3) Optimisez les performances et la sécurité de RSSFeed via la section CDATA et XMLSChema pour assurer la stabilité et la conformité aux normes.
Décodage RSS: une amorce XML pour les développeurs WebMay 06, 2025 am 12:05 AMRSS est un format basé sur XML utilisé pour publier des données fréquemment mises à jour. En tant que développeur Web, la compréhension de RSS peut améliorer les capacités de l'agrégation et de la mise à jour de l'automatisation du contenu. En apprenant la structure RSS, l'analyse et les méthodes de génération, vous pourrez gérer en toute confiance RSSFeeds et optimiser vos compétences en développement Web.
JSON contre XML: Pourquoi RSS a choisi XMLMay 05, 2025 am 12:01 AMRSS a choisi XML au lieu de JSON car: 1) les capacités de structure et de vérification de XML sont meilleures que JSON, ce qui convient aux besoins des structures de données complexes RSS; 2) XML a été largement soutenu à l'époque; 3) Les premières versions de RSS étaient basées sur XML et sont devenues une norme.
RSS: le format basé sur XML expliquéMay 04, 2025 am 12:05 AMRSS est un format basé sur XML utilisé pour s'abonner et lire le contenu fréquemment mis à jour. Son principe de travail comprend deux parties: la génération et la consommation, et l'utilisation d'un lecteur RSS peut obtenir efficacement des informations.
À l'intérieur du document RSS: étiquettes et attributs XML essentielsMay 03, 2025 am 12:12 AMLa structure centrale des documents RSS comprend des balises et des attributs XML. Les étapes d'analyse et de génération spécifiques sont les suivantes: 1. Lire les fichiers, le processus et les balises XML. 2. Extraire ,,, etc. Informations de tag. 3. Gérez les balises et les attributs personnalisés pour assurer la compatibilité des versions. 4. Utilisez le cache et le traitement asynchrone pour optimiser les performances pour assurer la lisibilité du code.
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
Navigateur d'examen sécurisé
Safe Exam Browser est un environnement de navigation sécurisé permettant de passer des examens en ligne en toute sécurité. Ce logiciel transforme n'importe quel ordinateur en poste de travail sécurisé. Il contrôle l'accès à n'importe quel utilitaire et empêche les étudiants d'utiliser des ressources non autorisées.
Télécharger la version Mac de l'éditeur Atom
L'éditeur open source le plus populaire
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Version Mac de WebStorm
Outils de développement JavaScript utiles
Dreamweaver Mac
Outils de développement Web visuel
