Загрузить xml при помощи js

102
11 января 2021, 06:20

Нужно сделать так, чтобы можно было при помощи взять информацию из файла, который я выберу, а не заранее указывать в коде

<script type="text/javascript">
   xmlhttp = new XMLHttpRequest();
   xmlhttp.open("GET","firststudent.xml",false);
   xmlhttp.send();
   xmlDoc = xmlhttp.responseXML;
  document.getElementById("faculti").innerHTML=xmlDoc.getElementsByTagName("faculti")[0].childNodes[0].nodeValue;
  document.getElementById("spec").innerHTML=xmlDoc.getElementsByTagName("spec")[0].childNodes[0].nodeValue;
  document.getElementById("points").innerHTML=xmlDoc.getElementsByTagName("points")[0].childNodes[0].nodeValue;
  document.getElementById("specTwo").innerHTML=xmlDoc.getElementsByTagName("spec")[1].childNodes[0].nodeValue;
  document.getElementById("subjectsTwo").innerHTML=xmlDoc.getElementsByTagName("subjects")[1].childNodes[0].nodeValue;
  document.getElementById("pointsTwo").innerHTML=xmlDoc.getElementsByTagName("points")[1].childNodes[0].nodeValue;
</script>
<
Answer 1

Попробуйте вот так:

let parse = input => { 
 
  var parser = new DOMParser(); 
  var reader  = new FileReader(); 
 
  reader.onloadend = function () { 
 
    var doc = parser.parseFromString(reader.result, "application/xml"); 
   
    console.log(doc.body) 
  } 
 
  reader.readAsDataURL(input.files[0]); 
 
}
<input type='file' onchange="parse(this)">

READ ALSO
Анимация при появлении в DOM
javascript

Анимация при появлении в DOM

Как в vuejs сделать анимацию при появлении блока в dom

 109
Почему async/await работает корректно, хотя ему не передаются коллбэки
javascript

Почему async/await работает корректно, хотя ему не передаются коллбэки

Пытаюсь разобраться в промисах и async/awaitНашёл на хабре этот пример:

 107
Нумерация абзацев JS
javascript

Нумерация абзацев JS

Как пронумеровать все абзацы страницы и добавить номер ПЕРЕД текстом абзацев, а не после ?

 103
this jQuery не работает
javascript

this jQuery не работает

Почему этот код работает:

 117