Heim > Artikel > Web-Frontend > Ausführliche Erklärung zum Parsen von XML-Dateien durch jQuery
Ausführliche Erklärung zum Parsen von XML-Dateien durch jQuery
- php中世界最好的语言Original
- 2018-04-23 14:59:401240Durchsuche
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>
city.xml-Datei
<?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>. 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> 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+LigerUIWie 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!