Ausführliche Erklärung zum Parsen von XML-Dateien durch jQuery-js-Tutorial-php.cn

Ausführliche Erklärung zum Parsen von XML-Dateien durch jQuery

php中世界最好的语言

Freigeben： 2018-04-23 14:59:40

Original

1352 Leute haben es durchsucht

Dieses Mal werde ich Ihnen eine detaillierte Erklärung zum Parsen von XML-Dateien mit jQuery geben. Hier sind praktische Fälle.

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<title>jquery xml解析</title> 
<script src="jquery.min.js" type="text/
javascript
"></script> 
<script type="text/javascript"> 
$(
document
).ready(function(){ 
$.ajax({url:"City.xml", 
success:function(xml){ 
$(xml).find("province").each(function(){ 
var t = $(this).attr("name");//this-> 
$("#DropProvince").append("<option>"+t+"</option>"); 
}); 
} 
}); 
$("#DropProvince").change(function(){ 
$("#sCity>option").remove(); 
var pname = $("#DropProvince").val(); 
$.ajax({url:"City.xml", 
success:function(xml){ 
$(xml).find("province[name='"+pname+"']>city").each(function(){ 
$("#sCity").append("<option>"+$(this).text()+"</option>"); 
}); 
} 
}); 
}); 
}); 
</script> 
</head> 
<body> 
<form id="form1"> 
<p> 
<select id="DropProvince" style="width:60px;"> 
<option>请选择</option> 
</select> 
<select id="sCity" style="width:60px;"> 
</select> 
</p> 
</form> 
</body> 
</html>

Nach dem Login kopieren

city.xml-Datei

Tatsächlich besteht die Hauptsache darin, darauf zu achten, wie die XML-Datei auf der Datei analysiert wird HTML-Schnittstelle, das Format ist

<?xml version="1.0" encoding="utf-8" ?> 
<provinces> 
<province name="湖北"> 
<city>武汉</city> 
<city>黄石</city> 
<city>宜昌</city> 
<city>天门</city> 
</province> 
<province name="湖南"> 
<city>邵阳</city> 
<city>长沙</city> 
<city>岳阳</city> 
</province> 
<province name="广东"> 
<city>广州</city> 
<city>深圳</city> 
</province> 
</provinces>

Nach dem Login kopieren

. Es wird $.ajax() verwendet, um den Inhalt der XML-Datei aufzurufen. Dann führt $.each() eine Schleifenoperation aus. Führen Sie nach dem Erfolg die Callback-Funktion

<script type="text/javascript"> 
$(document).ready(function () { 
$.ajax({ 
url: "City.xml", 
success: function (xml) { 
$(xml).find("province").each(function () { 
var t = $(this).attr("name"); 
$("#DropProvince").append("<option>" + t + "</option>"); 
}); 
} 
}); 
$("#DropProvince").change(function () { 
$("#sCity>option").remove(); 
var pname = $("#DropProvince").val(); 
$.ajax({ 
url: "City.xml", 
success: function (xml) { 
$(xml).find("province[name='"+pname+"']>city").each(function(){ 
$("#sCity").append("<option>"+$(this).text()+"</option>"); 
}); 
} 
}); 
}); 
}); 
</script>

Nach dem Login kopieren

aus. Die XML-Datei wird hier zum Speichern von Daten verwendet, was dem Lesen der Datei

in der Datenbank entspricht. Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website! Empfohlene Lektüre:

Detaillierte Erläuterung der Schritte zum Implementieren des Datei-Uploads mit Jquery+LigerUI

Wie jQuery XML-Dateiinhalte liest

Das obige ist der detaillierte Inhalt vonAusführliche Erklärung zum Parsen von XML-Dateien durch jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!