案例：用ajax 方法 解析xml
xml文件
<?xml version="1.0" encoding="utf-8"?>
<studentlist>
<student>
<name>tom</name>
<age>18</age>
<gender>男</gender>
</student>
<student>
<name>lucy</name>
<age>21</age>
<gender>女</gender>
</student>
<student>
<name>lilei</name>
<age>20</age>
<gender>男</gender>
</student>
<student>
<name>hanmeimei</name>
<age>18</age>
<gender>女</gender>
</student>
</studentlist>
----------------------------
05-getxml.html 使用ajax 解析xml 的文件
----
<body onload="getxml()">
<script>
function getxml(){
//创建异步对象
var xhr=new XMLHttpRequest();
//获取响应数据
xhr.onreadystatechange=function(){
if(xhr.readyState==4&&xhr.status==200){
var result=xhr.responseXML;
console.log(result);
var studentlist=result.getElementsByTagName("studentlist")[0];
var student=studentlist.getElementsByTagName("student")[1];
var name=student.getElementsByTagName("name")[0];
console.log(name.innerHTML);
};
};
//打开连接创建请求
xhr.open("get","http://127.0.0.1:8080/students.xml",true);
//发送请求
xhr.send();
};
</script>
</body>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗？
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维：从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句：使用策略模式优化代码结构
· 字符编码：从基础到乱码解决