Backend-EntwicklungXML/RSS-TutorialDetaillierte Erläuterung des Javascript-Aufrufs von XML zum Erstellen verknüpfter Dropdown-Box-Codebeispiele
Zwei Methoden werden verwendet, um Dropdown-Felder in herkömmlichen HTML-Seiten zu verknüpfen:
1) Codieren Sie den Inhalt im Dropdown-Feld direkt fest in das JavaScript von HTML und rufen Sie die Javascript-Funktion auf, um ihn in das Drop-Down-Feld zu schreiben -Down-Box in einer Schleife. Diese Methode eignet sich nicht für Situationen, in denen sich der Inhalt des Dropdown-Felds häufig ändert. Weil die Datenquelle und das JavaScript-Programm auf derselben Seite geschrieben sind.
<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 liest die Datenbank direkt, nimmt die Datensätze in der Datenbank und schreibt sie in JavaScript und ruft dann, wie bei der ersten Methode, die JavaScript-Funktion auf, um in das Dropdown-Feld zu schreiben eine Schleife. Diese Methode trennt die Datenquelle von JavaScript, die Offenlegung der Datenbankverbindung hat jedoch aus Sicherheitsgründen kaum einen praktischen Nutzen.
Meine Methode besteht darin, die Daten im Dropdown-Feld in einer XML-Datei abzulegen, Javascript zum Lesen der XML-Datei zu verwenden und den Inhalt im Dropdown-Feld abzurufen.
Die HTML-Datei lautet wie folgt:
<!-- 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>Diese Methode trennt die Datenquelle vom Javascript-Programm und eignet sich für häufig wechselnde Datenquellen. In xmlDoc.load können Sie URL-Parameter direkt aufrufen und Remote-XML lesen, um eine lose Kopplung zu erreichen. Die obige Anwendung läuft in IE6.0. Der Nachteil besteht darin, dass Sie beim Entfernen des Inhalts der Dropdown-Liste den Löschvorgang
wiederholen müssen, da sonst offensichtliche Fehler auftreten. Ich hoffe, einige Leser können mich korrigieren.
Das Obige ist die detaillierte Erklärung des Javascript-Aufrufs von XML, um ein Beispiel für einen verknüpften Dropdown-Box-Code zu erstellen. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn)!
Jenseits der Grundlagen: Fortgeschrittene RSS -Funktionen, die von XML aktiviert sindMay 07, 2025 am 12:12 AMRSS 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 AMRSS 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 AMRSS 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 AMRSS 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 AMDie 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.
JSON-, XML- und Datenformate: RSS vergleichenMay 02, 2025 am 12:20 AMDie Hauptunterschiede zwischen JSON, XML und RSS sind Struktur und Verwendungszwecke: 1. JSON ist für einen einfachen Datenaustausch geeignet, mit einer kurzen Struktur und leicht zu analysieren. 2. XML ist für komplexe Datenstrukturen mit einer strengen Struktur, aber komplexer Analyse geeignet. 3..
Fehlerbehebung XML/RSS -Feeds: Häufige Fallstricke und ExpertenlösungenMay 01, 2025 am 12:07 AMDie Verarbeitung von XML/RSS -Feeds beinhaltet Parsen und Optimierung, und häufige Probleme umfassen Formatfehler, Codierungsprobleme und fehlende Elemente. Zu den Lösungen gehören: 1. Verwenden Sie XML -Verifizierungstools, um nach Formatfehlern zu überprüfen; 2. Gewährleistung der Codierungskonsistenz und verwenden Sie die Chardet -Bibliothek, um Codierung zu erkennen. 3. Verwenden Sie Standardwerte oder überspringen Sie das Element, wenn sie fehlende Elemente haben. 4. Verwenden Sie effiziente Parser wie LXML- und Cache -Parsing -Ergebnisse, um die Leistung zu optimieren. 5. Achten Sie auf Datenkonsistenz und Sicherheit, um XML -Injektionsangriffe zu verhindern.
Dekodieren von RSS -Dokumenten: Lesen und Interpretieren von FeedsApr 30, 2025 am 12:02 AMZu den Schritten zum Analyse von RSS -Dokumenten gehören: 1. Lesen Sie die XML -Datei, 2. verwenden DOM oder SAX, um XML zu analysieren, 3. Extrahieren von Überschriften, Links und anderen Informationen und 4. Prozessdaten. RSS-Dokumente sind XML-basierte Formate, die zur Veröffentlichung aktualisierter Inhalte, Strukturen und Elemente verwendet werden, die zum Erstellen von RSS-Lesern oder Datenverarbeitungstools geeignet sind.
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!
Heißer Artikel
Heiße Werkzeuge
EditPlus chinesische Crack-Version
Geringe Größe, Syntaxhervorhebung, unterstützt keine Code-Eingabeaufforderungsfunktion
WebStorm-Mac-Version
Nützliche JavaScript-Entwicklungstools
DVWA
Damn Vulnerable Web App (DVWA) ist eine PHP/MySQL-Webanwendung, die sehr anfällig ist. Seine Hauptziele bestehen darin, Sicherheitsexperten dabei zu helfen, ihre Fähigkeiten und Tools in einem rechtlichen Umfeld zu testen, Webentwicklern dabei zu helfen, den Prozess der Sicherung von Webanwendungen besser zu verstehen, und Lehrern/Schülern dabei zu helfen, in einer Unterrichtsumgebung Webanwendungen zu lehren/lernen Sicherheit. Das Ziel von DVWA besteht darin, einige der häufigsten Web-Schwachstellen über eine einfache und unkomplizierte Benutzeroberfläche mit unterschiedlichen Schwierigkeitsgraden zu üben. Bitte beachten Sie, dass diese Software
mPDF
mPDF ist eine PHP-Bibliothek, die PDF-Dateien aus UTF-8-codiertem HTML generieren kann. Der ursprüngliche Autor, Ian Back, hat mPDF geschrieben, um PDF-Dateien „on the fly“ von seiner Website auszugeben und verschiedene Sprachen zu verarbeiten. Es ist langsamer und erzeugt bei der Verwendung von Unicode-Schriftarten größere Dateien als Originalskripte wie HTML2FPDF, unterstützt aber CSS-Stile usw. und verfügt über viele Verbesserungen. Unterstützt fast alle Sprachen, einschließlich RTL (Arabisch und Hebräisch) und CJK (Chinesisch, Japanisch und Koreanisch). Unterstützt verschachtelte Elemente auf Blockebene (wie P, DIV),
Herunterladen der Mac-Version des Atom-Editors
Der beliebteste Open-Source-Editor
