<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
<!-- 根元素 -->
<root>
<!-- 可以开始描述数据了 -->
<!-- 描述一个数组 -->
<items>
<!-- 描述数组中的每个成员 -->
<item>
<!-- 使用标签名称描述属性名称，标签中间的内容就是属性值 -->
<name>jack</name>
<age>20</age>
</item>
<item>
<!-- 使用标签名称描述属性名称，标签中间的内容就是属性值 -->
<name>rose</name>
<age>18</age>
</item>
<item>
<!-- 使用标签名称描述属性名称，标签中间的内容就是属性值 -->
<name>lili</name>
<age>21</age>
</item>
</items>
</root>
解析 xml
<!DOCTYPE html>
<html lang="en">
<head>
<Meta charset="UTF-8" />
<Meta name="viewport" content="width=device-width, initial-scale=1.0" />
<Meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Document</title>
<script src="./libs/jquery/jquery.js"></script>
</head>
<body>
<button>点名了</button>
<ul></ul>
<script>
$('button').on('click', function() {
$.ajax({
url: './data/myxml.xml',
// url: 'http://127.0.0.1:3001/getUserNameXML',
success: function(res) {
console.log(res)
// 解析xml就像解析html结构一样，所以你可以直接使用dom的api来进行处理
let items = res.querySelectorAll('item')
let html = ''
for (let i = 0; i < items.length; i++) {
let name = items[i].querySelector('name').innerHTML
let age = items[i].querySelector('age').innerHTML
html += `<li>
<span>${name}</span>---
<span>${age}</span>
</li>`
}
document.querySelector('ul').innerHTML = html
}
})
})
</script>
</body>
</html>
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
