在javascript中读取xml
在JavaScript中读取XML可以使用XMLHttpRequest对象或者fetch API来发送HTTP请求并获取XML数据。然后可以使用DOM解析器来解析XML数据并提取所需的信息。
XMLHttpRequest是一个内置的JavaScript对象，用于在后台与服务器交换数据。以下是使用XMLHttpRequest读取XML的基本步骤：
- 创建一个XMLHttpRequest对象：
var xhr = new XMLHttpRequest();- 设置请求的方法和URL：
xhr.open("GET", "example.xml", true);这里的"example.xml"是XML文件的URL。
- 设置响应类型为XML：
xhr.responseType = "document";- 注册一个回调函数来处理响应：
xhr.onload = function() {
if (xhr.status === 200) {
var xmlData = xhr.responseXML;
// 在这里可以对XML数据进行处理
}
};- 发送请求：
xhr.send();一旦获取到XML数据，可以使用DOM解析器来解析XML并提取所需的信息。以下是一个简单的示例，演示如何读取XML中的数据：
var xhr = new XMLHttpRequest();
xhr.open("GET", "example.xml", true);
xhr.responseType = "document";
xhr.onload = function() {
if (xhr.status === 200) {
var xmlData = xhr.responseXML;
var books = xmlData.getElementsByTagName("book");
for (var i = 0; i < books.length; i++) {
var title = books[i].getElementsByTagName("title")[0].textContent;
var author = books[i].getElementsByTagName("author")[0].textContent;
console.log("Title: " + title + ", Author: " + author);
}
}
};
xhr.send();在这个示例中，我们假设XML文件中包含多个<book>元素，每个<book>元素包含一个<title>元素和一个<author>元素。我们使用getElementsByTagName方法来获取所有的<book>元素，并使用textContent属性来获取<title>和<author>元素的文本内容。
腾讯云提供了多个相关产品和服务，可以帮助开发者在云计算环境中处理XML数据。具体推荐的产品和产品介绍链接地址可以参考腾讯云官方文档或咨询腾讯云客服人员。
相关·内容
3回答
无法使用javascript解析本地xml文件
javascript、xml、xmlhttprequest、xml-parsing
当我尝试使用简单的javascript解析本地xml文件时，xhr.open之后的代码没有被执行。
<html>
<head>
<script type="text/javascript">
function createXMLHttpRequestObject()
{
if (window.XMLHttpRequest) {
xhttp=new XMLHttpRequest();
} else {
xhttp=new ActiveXObject("Microsoft.XMLHTTP")
浏览 0提问于2011-11-08得票数 0
回答已采纳
1回答
我的Ajax不工作
javascript、ajax
我今天开始学习Ajax。我试着一步一步地练习如何使用AJAX，但不幸的是它不起作用，而且我不知道问题出在哪里，因为我在console.log中没有得到任何警告。
我的根文件夹中有一个example.xml，我试图从中获取数据。
这是我所做的。谢谢!
function getXMLHttpRequest(){
var xhr = null;
if(window.XMLHttpRequest || window.ActiveXObject){
if(window.ActiveXobject){
try{
xhr =
浏览 11提问于2018-08-11得票数 0
回答已采纳
5回答
如何全局访问局部变量的值
javascript
我返回了rsltCallback函数，当我调用googleSearchSuggestions函数时，我变得未定义。当我在rsltCallback函数中console.log输入参数时，它会将输出打印到控制台。
var googleSearchSuggestions = function(search_Keyword , element) {
var parsed;
var uri = 'http://suggestqueries.google.com/complete/search?output=toolbar&hl=en&q=' +
浏览 0提问于2015-04-23得票数 0
3回答
哪一个是最快的呢？xhr使用XML还是动态添加脚本文件？
javascript、xmlhttprequest
我有一个文件"script.php"，它打印数据库中的数据，但我想在javascript中动态加载和处理该文件中的数据。创建一个新的脚本标记( "script.php“的内容类型是: text/javascript)是最快的吗？
var script = document.createElement('script');
script.src = "script.php";
appendTheScriptToTheHead(blablabla);
使用javascript数组中的数据，或者通过XHR接收XML格式的数据，比如( "
浏览 0提问于2011-12-12得票数 0
2回答
回显php数据
php、javascript、xml
在下面的代码中，我在php文件中回显了$strXML，它显示了整个名称，但我只想在javascript中显示‘$strXML’元素的值。有人能帮我吗？
PHP：
$strXML = '<? xml version="1.0" ?>'."\n";
$id = $_GET['id'];
$name = $_GET['name'];
$strXML .= '<data>'."\n";
$strXML .= '<i
浏览 0提问于2011-05-24得票数 1
1回答
当我将鼠标悬停在项目上时，需要使用javascript显示表格和描述的帮助
javascript、xml
我的表格打印出来了，但是当我将鼠标悬停在一个项目上时，它不会打印“区域2”上的描述。
我希望它从xml文件中加载描述，并根据我悬停的项目打印它。例如:当我将鼠标悬停在一棵松树上时，它会打印类似“Zone:Anywhere”、“Light:lot”、“Price: cheap”之类的内容。
window.addEventListener("load", link_events, false);
var xhr;
function link_events() {
xhr = new XMLHttpRequest();
xhr.addEventListen
浏览 0提问于2019-04-22得票数 0
1回答
为什么我不能从这个链接获得XML文档，为什么在字符串中我可以把所有的标记括号变成引号？
javascript、html
我正在做一项任务，它要求我从URL http://quotes.rest/qod?category=inspire获取数据；具体地说，就是<quote>和<author>标记的内容。 为此，我使用XMLHttpRequest；问题是，如果我设置了xhr.responseType = 'document' (或者如果我使用xhr.responseXML )，我尝试将请求放入的变量将变成null。 如果我使用xhr.responseText，我会得到字符串形式的站点的正确表示，我可以用它来解决问题，但这不是我想要做的。我试图将字符串解析为XML文档，但在从
浏览 11提问于2019-05-03得票数 1
回答已采纳
4回答
如何从外部url解析json？
javascript、json
我对js比较陌生。我希望能够使用纯javascript从外部url解析json。目前我正在使用
var getJSON = function(url, callback) {
var xhr = new XMLHttpRequest();
xhr.open('GET', url, true);
xhr.responseType = 'json';
xhr.onload = function() {
var status = xhr.status;
if (status === 200) {
callback(null, xhr.response)
浏览 1提问于2018-04-03得票数 5
回答已采纳
5回答
我可以用XMLHttpRequest写到文件吗？
javascript、ajax
我正在使用XMLHttpRequest来读取文件。
我可以使用XMLHttpRequest或任何其他javascript方法写入文件吗？
目前，在我的应用程序中，我正为此目的使用PHP，但我不需要使用它。
function readTextFile(path, callback) {
return new Promise(function(resolve, reject) {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState == 4)
浏览 8提问于2018-01-04得票数 2
回答已采纳
1回答
不能发送XMLHttpRequest
javascript、php、ajax
我正在尝试用vanilla javascript ajax删除数据。将带有id值的POST请求发送到php文件之后。每次它在控制台中打印“错误”时。
HTML
<div class="deleteButton" onclick="showAllert(this)" id="1">
<i class="fa-solid fa-trash-can fa-2x" style="color:#A81E22" title="delete"></i>
</div&g
浏览 5提问于2022-05-11得票数 0
2回答
Xml :无法调用null的方法'getElementsByTagName‘
javascript、xml
我想用javascript从XML文件中获取信息，但我有一个错误，我不能自己解决…“无法调用null的方法'getElementsByTagName‘”
我认为这是我的XML中的一个问题，但我不知道在哪里
这是我的javascript
var map;
var mod;
var xmlDoc;
var xhr = new XMLHttpRequest();
xhr.overrideMimeType("text/xml");
xhr.open('GET' , 'streamcontrol.xml
浏览 1提问于2014-08-20得票数 0
1回答
转换箭头功能，旧问题在没有帮助的情况下关闭，‘重复’没有用
javascript
我有一些代码可以很好地作为箭头函数，但是使用wkhtmltopdf将网页转换为图像时，它无法读取箭头函数。也就是说，我已经多次尝试在没有箭头的情况下实现这个函数，但都没有成功。 “相关”的答案没有回答我的问题。当我删除这个异步函数的箭头时，我就是不能让这个函数返回相同的数据。 Babel transpiler似乎也无法做到这一点。 function getJSON(url, token) {
return new Promise((resolve, reject) => {
var xhr = new XMLHttpRequest();
xhr.
浏览 16提问于2021-03-21得票数 0
回答已采纳
1回答
在HTML中显示API响应
xml、parsing、weather-api、openweathermap
我是学习API的，是一个完全初学者的过程，任何帮助都是有价值的。
我已经成功地获得了作为XML响应寻找的数据im，并在console.logged中使用了它。我不确定如何实际访问我在控制台中看到的这个#文档(请参阅下面的代码和控制台打印输出)
<!doctype html>
<html>
<head>
<script>
window.onload = function() {
var xhr = new XMLHttpRequest();
xhr.open("GET","http://api.openweatherm
浏览 4提问于2016-10-10得票数 0
回答已采纳
1回答
使用xml的Javascript“无效调用对象”错误
javascript、xml、internet-explorer、getattribute
当用户正在键入文本时，我想显示一个列表(如自动完成)。
我用列表加载xml，当用户键入文本时，javascript函数会循环到xml中以查找匹配项。
除了Internet上有时会显示此错误："SCRIPT65535:无效调用对象“外，一切正常。
当我第一次调用js函数循环到xml中时，总是有效的，但如果在再次调用它之前等待5秒，它将取消错误。
如果我等待不到1秒，它就不会显示错误。
这可能是因为在循环中我调用getAttribute()方法..。当我删除它时，没有错误。
寻求任何帮助！
以下是代码：
Ajax加载：
var ajax = {};
ajax.getXML
浏览 1提问于2013-11-18得票数 0
回答已采纳
1回答
如何抓取给定URL的类名的内部文本- Javascript
javascript、html、ajax
这里有一个ajax GET请求
Get('https://www.ratemyprofessors.com/ShowRatings.jsp?tid=282380', function(err, data){
});
function Get(url, callback) {
var xhr = new XMLHttpRequest();
xhr.responseType = 'json';
xhr.onload = function() {
var status = xhr.status;
if (status === 200
浏览 0提问于2018-08-21得票数 1
2回答
Javascript --如何获取清单json并将其用作对象？
javascript、json
为什么console.log('Your query count: ' , data);显示为null？(即使结果也是成功？调试控制台网络选项卡显示数据已成功爬行)
manifest.json：
{
"title": "API test",
"server": [
{ "agent": "abc",
"url": "def" },
],
}
index.php：
<script>
浏览 2提问于2017-03-10得票数 2
回答已采纳
1回答
我已经写了这个函数，似乎在Chrome和Firefox中运行得很好，但在IE Edge或IE 11中似乎不起作用：
async function getJSONDataWithHeaders(url, methodType, responseType) {
return new Promise(async function (resolve, reject) {
var xhr = new XMLHttpRequest();
xhr.open(methodType, url, true);
浏览 29提问于2020-06-05得票数 0
1回答
使用Ajax与Javascript
javascript、html、ajax
我的任务是使用jQuery隐藏和显示两个单独的段落。我已经成功地做到了这一点。下一步是添加JavaScript Ajax代码，以便显示和隐藏这两个段落。为此，我创建了两个单独的html文件。
我的问题是，我不知道如何同时显示这两个段落。要么只有一个出现，要么一个段落出现两次，所以在两个div中。
谢谢!
var xhr = new XMLHttpRequest();
xhr.onload = function(){
if (xhr.status === 200){
document.getElementById('get').innerHTML = xh
浏览 4提问于2015-04-22得票数 0
回答已采纳
1回答
将字节数组写入文件Javascript
javascript、arrays、rest、xmlhttprequest、downloadfile
大家好，专家们，我有一个以字节数组形式返回文档的java rest webservice，我需要编写javascript代码来获取webservice的响应，并将其写入一个文件，以便以pdf格式下载该文件。请查看webservice响应的屏幕截图，并查看我的示例代码此代码下载损坏的pdf文件。
var data = new FormData();
data.append('PARAM1', 'Value1');
data.append('PARAM2', 'Value2');
浏览 11提问于2018-09-02得票数 1
回答已采纳
1回答
在javascript中呈现servlet中的blob
javascript、java、servlets、blob
我正在尝试通过GetImage servlet从我的数据库中获取一个字节数组，然后在响应和ImgGet()函数中推送数组，将blob呈现为一个图像，并使它出现在某个元素上。我没有任何错误，只是照片是坏的雪碧(铬)，就像它没有阅读资源或某物。getPhotoBlobWithID函数返回正确的字节数组。
Servlet：
@Override
protected void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
浏览 1提问于2016-12-08得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
