如何在JavaScript中加载XML文件，从中获取特定信息，然后通过alert（）显示它？_Javascript_Html_Xml

如何在JavaScript中加载XML文件，从中获取特定信息，然后通过alert（）显示它？

javascript html xml

如何在JavaScript中加载XML文件，从中获取特定信息，然后通过alert（）显示它？,javascript,html,xml,Javascript,Html,Xml,所以，我想制作一个程序，能够获取用户数据（大量的bug名称，用逗号分隔），遍历，获取每个bug的数据，然后在表中显示所有这些数据。我已经重写了5次，但仍然没有发生任何事情。有人知道这个代码有什么问题吗我的html代码： <!DOCTYPE html> <html> <head> </head> <body> <h1 align="center">Bugs</h1> <p>In t

所以，我想制作一个程序，能够获取用户数据（大量的bug名称，用逗号分隔），遍历，获取每个bug的数据，然后在表中显示所有这些数据。我已经重写了5次，但仍然没有发生任何事情。有人知道这个代码有什么问题吗

我的html代码：

<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
  <h1 align="center">Bugs</h1>
  <p>In the area below, type in each of the insects you want information 
about, seperate them with a comma.</p>
  <textarea id="insects"></textarea>
  <br>
  <button type="button" id="go">Find out!</button>
  <br>
  <script 
src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
document.getElementById('go').onclick = function() {
var input = document.getElementById('insects').value;
var splitted = input.split(',');
for (i = 0; i<splitted.length; i++) {
    var bug1 = splitted[i];
    var part1 = // I need to assign it to bug1 without any whitespace
    var finish = part1.toLowerCase();
    find1(bug1);
  }
}
function find1(bug) {
  var xmlDocument = $.parseXML("externalfile:drive-77136639a78ffb21e72c7c4dfe7f7bb73604aeb3/root/Bugs/bugs.xml");
  var pain = $(xmlDocument).find("value[type='" + bug + "'] pain").text();
  alert(pain); <!-- This is to see if it works -->
}
  </script>
</body>

externalfile:drive-77

那么您是从文件协议加载它的？您查看控制台中的错误消息了吗？您需要有一个单独的

脚本标记，一个用于src
，一个用于内联代码。外部文件：drive-77136639a78ffb21e72c7c4dfe7f7bb73604aeb3/root/bug/bug.xml
似乎是一个URL，在一个我从未听说过的方案中…不是一个XML字符串。我尝试了一个单独的脚本，但无法从一个脚本运行到另一个脚本，我查看了控制台，没有出现错误：（@GetOffMyLawn是对的。无论您还有什么问题，您都必须使用单独的script元素来引用外部JS文件并封装本地脚本。
<?xml version="1.0" encoding="UTF-8"?>
<bugs>
  <bug type="blisterbeetle">
    <name>Blister Beetle</name>
    <pain>55</pain>
    <conservation></conservation>
    <habitat></habitat>
    <rarity></rarity>
    <class></class>
    <order></order>
    <family></family>
    <species></species>
    <dangerous></dangerous>
    <external></external>
  </bug>
</bugs>