如何在 JavaScript 中解析 XML
How to parse XML in JavaScript
本文关键字:XML JavaScript 更新时间:2023-09-26
https://jsfiddle.net/recklesswish/6yw1tdwh/5/以下链接包含 JSON,我已经将这个特定的 JSON 转换为 XML。现在的问题是我不知道如何使用 javascript 解析它。这是xml的代码,JSON resp。.XML
var carsData = "<cars>
"<Honda>"
"<model>Figo</model>"
"</Honda>"
"<Honda>"
"<model>City</model>"
"</Honda>"
"<Audi>"
"<model>A6</model>"
"</Audi>"
"<Audi>"
"<model>A8</model>"
"</Audi>"
"</cars>"
杰伦
var carsData = '{"cars":{"Honda":[{"model":"Figo"},{"model":"City"}],"Audi":[{"model":"A6"},{"model":"A8"}]}}';
$('#newCollection').on('click', function() {
$(this).empty();
var data = JSON.parse(carsData);
$(this).append('New Collection<ul></ul>');
for (var make in data.cars) {
for (var i = 0; i < data.cars[make].length; i++) {
var model = data.cars[make][i].model;
$(this).find('ul').append('<li>' + make + ' - ' + model + '</li>')
}
}
});
使用网页
<ul>
<li id="newCollection">New Collection</li>
</ul>
首先,让你的xml在javascript中看起来像这样 -
var carsData = "<cars><Honda><model>Figo</model></Honda><Honda><model>City</model>
</Honda><Audi><model>A6</model></Audi><Audi><model>A8</model></Audi></cars>"
你的 JS 代码看起来像这样——
$('#newCollection').on('click', function() {
$(carsData).find("Honda").each(function() {
var model = $(this).find("model").text();
console.log("model: " + model );
});
});
newCollection 是按钮的 ID。这将打印模型如下-
model: Figo
model: City
我建议您先了解基础知识,而不是尝试直接进入编码。从长远来看,清晰的基础知识将使您成为一名优秀的编码员:)
我明白了。使用以下代码来实现您想要的 -
<body>
<h1>Hello</h1>
<button type="button" id="newCollection">Click Me!</button>
<ul id="myul"></ul>
</body>
而你的JS代码应该是——
$('#newCollection').on('click', function() {
var data = $($.parseXML(carsData));
data.find('cars').children().each(function() {
var make = $(this).find("model").text();
$('#myul').append('<li>'+make+'</li>');
});
});
相关文章:
- 我应该如何从xml文件构建一个javascript页面
- 将XML转换为普通的旧JavaScript对象
- 尝试读取空节点时出现 XML JavaScript 错误
- XML/JavaScript 解析节点 - 按名称指定子节点
- $(this).getAttribute 在使用 $.each XML Javascript 时不是一个函数
- 以制表符分隔的文本文件转换为XML(Javascript或PHP)
- 解析简单的XML-Javascript/Ajax
- 将子单元格放入单元格dymo XML Javascript API
- XML javascript绘制网络图
- Adobe Air应用程序全屏- HTML/XML/Javascript
- XML Javascript绘制甜甜圈图
- 无法读取属性'documentElement'null"在PHP/XML/JavaScript
- Safari问题,变量未定义(XML/Javascript)
- 通过PHP转换XML &Javascript函数
- 使用R抓取xml/javascript表
- n -三元组到RDF/XML JavaScript的NodeJS转换器
- 返回readystatechange接收到的XML - JavaScript
- xml javascript获取html属性值
- XML, Javascript -未捕获类型错误:不能调用方法'getElementsByTagName'
- 如何从XML/javascript中获取元素