Rumah >hujung hadapan web >tutorial js >Kaedah JavaScript untuk menukar XML kepada kemahiran JSON_javascript
Kaedah JavaScript untuk menukar XML kepada kemahiran JSON_javascript
- WBOYasal
- 2016-05-16 16:09:541506semak imbas
Contoh dalam artikel ini menerangkan cara JavaScript menukar XML kepada JSON. Kongsikan dengan semua orang untuk rujukan anda. Kaedah khusus adalah seperti berikut:
1. Kod JavaScript adalah seperti berikut:
Salin kod Kod adalah seperti berikut:
// Menukar XML kepada JSON
fungsi xmlToJson(xml) {
// Cipta objek kembali
var obj = {};
Jika (xml.nodeType == 1) { // elemen
// lakukan atribut
Jika (xml.attributes.length > 0) {
obj["@attributes"] = {};
untuk (var j = 0; j < xml.attributes.length; j ) {
var attribute = xml.attributes.item(j);
obj["@attributes"][attribute.nodeName] = attribute.nodeValue;
}
}
} else if (xml.nodeType == 3) { // text
obj = xml.nodeValue;
}
// buat anak
Jika (xml.hasChildNodes()) {
for(var i = 0; i < xml.childNodes.length; i ) {
var item = xml.childNodes.item(i);
var nodeName = item.nodeName;
Jika (typeof(obj[nodeName]) == "undefined") {
obj[nodeName] = xmlToJson(item);
} lain {
Jika (typeof(obj[nodeName].length) == "undefined") {
var lama = obj[nodeName];
obj[nodeName] = [];
obj[nodeName].push(lama);
}
obj[nodeName].push(xmlToJson(item));
}
}
}
Kembalikan obj;
};
fungsi xmlToJson(xml) {
// Cipta objek kembali
var obj = {};
Jika (xml.nodeType == 1) { // elemen
// lakukan atribut
Jika (xml.attributes.length > 0) {
obj["@attributes"] = {};
untuk (var j = 0; j < xml.attributes.length; j ) {
var attribute = xml.attributes.item(j);
obj["@attributes"][attribute.nodeName] = attribute.nodeValue;
}
}
} else if (xml.nodeType == 3) { // text
obj = xml.nodeValue;
}
// buat anak
Jika (xml.hasChildNodes()) {
for(var i = 0; i < xml.childNodes.length; i ) {
var item = xml.childNodes.item(i);
var nodeName = item.nodeName;
Jika (typeof(obj[nodeName]) == "undefined") {
obj[nodeName] = xmlToJson(item);
} lain {
Jika (typeof(obj[nodeName].length) == "undefined") {
var lama = obj[nodeName];
obj[nodeName] = [];
obj[nodeName].push(lama);
}
obj[nodeName].push(xmlToJson(item));
}
}
}
Kembalikan obj;
};
2. Kod XML:
Salin kod Kod adalah seperti berikut:
3. Hasil JSON:
Salin kod Kod adalah seperti berikut:
{
"@atribut": {
BANTUAN: "=",
RUMAH: 0,
URL: "davidwalsh.name/",
VER: "0.9",
},
SD = [
{
"@atribut": {
BENDERA: "",
HOS: "davidwalsh.name",
TAJUK: A
},
LINKSIN: {
"@atribut": {
NUM: 1102
}
},
KELAJUAN: {
"@atribut": {
PCT: 51,
TEKS: 1421
}
},
TAJUK: {
"@atribut": {
TEKS: "Blog David Walsh :: PHP, MySQL, CSS, Javascript, MooTools dan Segala-galanya",
}
},
},
{
POPULARITI: {
"@atribut": {
TEKS: 7131,
URL: "davidwalsh.name/"
}
},
PANGKAT: {
"@atribut": {
DELTA: "-1648"
}
},
CAPAI: {
"@atribut": {
PANGKAT = 5952
}
}
}
]
}
"@atribut": {
BANTUAN: "=",
RUMAH: 0,
URL: "davidwalsh.name/",
VER: "0.9",
},
SD = [
{
"@atribut": {
BENDERA: "",
HOS: "davidwalsh.name",
TAJUK: A
},
LINKSIN: {
"@atribut": {
NUM: 1102
}
},
KELAJUAN: {
"@atribut": {
PCT: 51,
TEKS: 1421
}
},
TAJUK: {
"@atribut": {
TEKS: "Blog David Walsh :: PHP, MySQL, CSS, Javascript, MooTools dan Segala-galanya",
}
},
},
{
POPULARITI: {
"@atribut": {
TEKS: 7131,
URL: "davidwalsh.name/"
}
},
PANGKAT: {
"@atribut": {
DELTA: "-1648"
}
},
CAPAI: {
"@atribut": {
PANGKAT = 5952
}
}
}
]
}
关于js操作xml感兴趣的朋友还可参考在线工具：
希望本文所述对大家的javascript程序设计有所帮助。
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Kaedah dan teknik JavaScript untuk menyemak sama ada tetingkap timbul adalah teknik blocked_javascriptArtikel seterusnya：Kaedah dan teknik JavaScript untuk menyemak sama ada tetingkap timbul adalah teknik blocked_javascript
Artikel berkaitan
Lihat lagi- Analisis mendalam bagi komponen kumpulan senarai Bootstrap
- Penjelasan terperinci tentang fungsi JavaScript kari
- Contoh lengkap penjanaan kata laluan JS dan pengesanan kekuatan (dengan muat turun kod sumber demo)
- Angularjs menyepadukan UI WeChat (weui)
- Cara cepat bertukar antara Cina Tradisional dan Cina Ringkas dengan JavaScript dan helah untuk tapak web menyokong pertukaran antara kemahiran_javascript Cina Ringkas dan Tradisional