以下是使用JavaScript的AJAX和XML解析的一个简单的例子,可以用来遍历AJAX返回的XML格式数据。
// 1. 创建一个新的XMLHttpRequest对象
let xhr = new XMLHttpRequest();
// 2. 配置请求
xhr.open('GET', 'example.com/data.xml');
// 3. 发送请求
xhr.send();
// 4. 当请求被发送后,我们需要监听 'readystatechange'事件以得知请求状态的变化
xhr.onreadystatechange = function() {
// 检查请求是否完成,如果完成则解析返回的数据
if (xhr.readyState == 4 && xhr.status == 200) {
// 解析返回的XML数据
let xmlDoc = xhr.responseXML;
// 获取所有的 'record'元素
let records = xmlDoc.getElementsByTagName('record');
// 遍历所有的 'record'元素
for (let i = 0; i < records.length; i++) {
// 获取每一个 'record'的所有子元素
let record = records[i].children;
// 打印每一个 'record'的第一个子元素的文本内容
console.log(record[0].textContent);
// 这里你可以根据自己的需求进行操作,例如将数据保存到数据库,或者显示在页面上等等
}
}
}
请注意,上述示例中的'example.com/data.xml'
和'record'
都应根据你实际的请求URL和XML数据结构进行修改。
另外,由于同源策略的限制,如果此AJAX请求涉及到跨域调用,一般需要在服务器端进行处理(例如设置CORS响应头)。
发布者:luotuoemo,转转请注明出处:https://www.jintuiyun.com/171566.html