Чтение XML через JavaScript

@geek · Регистрация: 21.10.2009

Студворк — интернет-сервис помощи студентам

Как считать етот файл с помощю JavaScript?

XML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<<?xml version="1.0"?>
<root>
<Kilkist count="3">
 
<Telefon ekran="176x208" cina="250.00">
<Firma>SoniEricsin</Firma>
<Model>k500i</Model>
<Kamera>3mp</Kamera>
<CPU>200Mhz</CPU>
<OC>Android</OC>
<Kolir>Black</Kolir>
<FormFaktor>Monoblok</FormFaktor>
</Telefon>
 
<Telefon ekran="320x480" cina="200.00">
<Firma>Nokia</Firma>
<Model>m8</Model>
<Kamera>5mp</Kamera>
<CPU>500Mhz</CPU>
<OC>Symbian</OC>
<Kolir>Gray</Kolir>
<FormFaktor>Monoblok</FormFaktor>
</Telefon>
 
<Telefon ekran="320x240" cina="639.00">
<Firma>Apple</Firma>
<Model>s4</Model>
<Kamera>6mp</Kamera>
<CPU>800Mhz</CPU>
<OC>iOS</OC>
<Kolir>Black</Kolir>
<FormFaktor>Slaider</FormFaktor>
</Telefon>
</Kilkist>
</root>

@Heleg · 10.05.2012, 12:57

что значит считать?

@geek · 10.05.2012, 13:04 **[ТС]**

функцию в JavaScript , которая будет находить данные значения в xml

@Жека-старший · 11.05.2012, 00:20

Ну думаю один из примитивных вариантов.
xmlHttp.responseXML- хранит ответ с сервера формата XML (т.е. сам XML файл).
"xml_div"- элемент DIV для вывода результата.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
var xmlResponse = xmlHttp.responseXML;
        xmlRoot = xmlResponse.documentElement;
        telefonArray = xmlRoot.getElementsByTagName("Telefon");
        var myDiv = document.getElementById('xml_div');
        var html = "";
        for (var i=0;i<telefonArray.length;i++)
        {
            html = "";
            html = telefonArray.item(i).getAttribute('ekran')+"<br>";
            html +=telefonArray.item(i).getAttribute('cina')+"<br>";
            elm = telefonArray.item(i).getElementsByTagName("*");
            for(var j = 0;j<elm.length;j++)
                html +=elm.item(j).firstChild.data+"<br>";
            myDiv.innerHTML +="Телефон " + (i+1) + ":<br>" + html + "<hr>";
        }

Добавлено через 3 минуты
Ну или так, принцип думаю понятен.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
var xmlResponse = xmlHttp.responseXML;
        xmlRoot = xmlResponse.documentElement;
        telefonArray = xmlRoot.getElementsByTagName("Telefon");
        Firma = xmlRoot.getElementsByTagName("Firma");
        Model = xmlRoot.getElementsByTagName("Model");
        Kamera = xmlRoot.getElementsByTagName("Kamera");
        CPU = xmlRoot.getElementsByTagName("CPU");
        OC = xmlRoot.getElementsByTagName("OC");
        Kolir = xmlRoot.getElementsByTagName("Kolir");
        FormFaktor = xmlRoot.getElementsByTagName("FormFaktor");
        var myDiv = document.getElementById('xml_div');
        var html = "";
        for (var i=0;i<telefonArray.length;i++)
        {
            html = "";
            html +="Фирма-производитель: " + Firma.item(i).firstChild.data+"<br>";
            html +="Модель: " + Model.item(i).firstChild.data+"<br>";
            html += "Размеры: " + telefonArray.item(i).getAttribute('ekran')+"<br>";
            html +="Цена: " + telefonArray.item(i).getAttribute('cina')+"<br>";
            html +="Камера: " + Kamera.item(i).firstChild.data+"<br>";
            html +="ЦПУ: " + CPU.item(i).firstChild.data+"<br>";
            html +="ОС: " + OC.item(i).firstChild.data+"<br>";
            html +="Цвет: " + Kolir.item(i).firstChild.data+"<br>";
            html +="Бла-бла: " + FormFaktor.item(i).firstChild.data+"<br>";
            myDiv.innerHTML +="Телефон " + (i+1) + ":<br>" + html + "<hr>";
        }

@ojefa · 02.02.2016, 13:52

Продолжая эту тему прошу помочь разобраться

В Mozile работает, а в других браузерах нет

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 
<body onload='func1()'>
 
<div id="demo"></div>
 
<script type="text/javascript">
hide
 
function func1(){
 
var xhttp;
xhttp=new XMLHttpRequest();
 
xhttp.open('GET', 'xmld/division.xml', true);
xhttp.send();
 
xhttp.onreadystatechange = function(){
document.getElementById('demo').innerHTML = xhttp.responseText;
}
 
}
 
</script>
</body>
</html>

XML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<division xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
    <par>
        <title>комментарий</title>
        <category>длина</category>
        <name number="1">см</name>
        <value>1</value>
    </par>
    <par>
        <title></title>
        <category>длина</category>
        <name number="2">мм</name>
        <value>10</value>
    </par>
    <par>
        <title></title>
        <category>время</category>
        <name number="1">мин</name>
        <value>1</value>
    </par>
    <par>
        <title></title>
        <category>время</category>
        <name number="2">сек</name>
        <value>60</value>
    </par>
</division>

Добавлено через 50 минут
в консоли Chrome
XMLHttpRequest cannot load file:///C:/Users/.../xmld/division.xml. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.

Новые блоги и статьи Все статьи Все блоги /
Access VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .	Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .	Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .	Мысли в слух kumehtar 18.11.2025 Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .	Создание Single Page Application на фреймах krapotkin 16.11.2025 Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .	Фото: Daniel Greenwood kumehtar 13.11.2025

@Heleg 209 / 209 / 6 Регистрация: 23.10.2011 Сообщений: 971
	10.05.2012, 12:57
	что значит считать? 0

@geek 26 / 26 / 7 Регистрация: 21.10.2009 Сообщений: 614
	10.05.2012, 13:04 [ТС]
	функцию в JavaScript , которая будет находить данные значения в xml 0