XMLHttpRequest 异步处理XML典型应用

最新推荐文章于 2025-10-13 09:35:33 发布

原创最新推荐文章于 2025-10-13 09:35:33 发布 · 819 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#xmlhttprequest #xml #callback #function #encoding

Ajax 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一个使用XMLHttpRequest发起GET请求并解析返回XML数据的JavaScript示例。该示例展示了如何创建请求对象、设置回调函数处理响应，并从XML中提取特定节点的数据。

开发板推荐：天空星STM32F407VET6开发板

超高性价比 STM32主控 | 超高主频 | 一板兼容百芯 | 比赛神器 | 沉金彩色丝印

点击查看

声明对象实例 var xmlhttp = false; //产生一个XMLHttpRequest对象实例 getHTTPRequestObject(); function getHTTPRequestObject() { try { xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch(e) { try { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch(E) { xmlhttp = false; } } if(!xmlhttp && typeof XMLHttpRequest!= 'undefined') { xmlhttp = new XMLHttpRequest(); } } //回调处理 function callback() { if(xmlhttp.readyState == 4) { if(xmlhttp.status == 200) { var xmlresponse = xmlhttp.responseXML.documentElement; //获取xml操作对象 document.getElementById("divResponse").innerText = xmlhttp.responseText; //全文引用 alert(xmlresponse.getElementsByTagName("message")[0].firstChild.data);//节点数据引用 } } } //触发事件 function btnClick() { xmlhttp.open("GET", "XMLFile.xml", true); xmlhttp.onreadystatechange = callback; xmlhttp.send(null); }

XMLFile.xml文件内容：

<?xml version="1.0" encoding="utf-8" ?> <messages> <message> Hello! </message> </messages>

开发板推荐：天空星STM32F407VET6开发板

超高性价比 STM32主控 | 超高主频 | 一板兼容百芯 | 比赛神器 | 沉金彩色丝印

点击查看