Чтение 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.

Новые блоги и статьи Все статьи Все блоги /
Модель заражения группы наркоманов alhaos 17.04.2026 Условия задачи сформулированы тут Суть: - Группа наркоманов из 10 человек. - Только один инфицирован ВИЧ. - Колются одной иглой. - Колются раз в день. - Колются последовательно через. . .	Мысли в слух. Про "навсегда". kumehtar 16.04.2026 Подумалось тут, что наверное очень глупо использовать во всяких своих установках понятие "навсегда". Это очень сильное понятие, и я только начинаю понимать край его смысла, не смотря на то что давно. . .	My Business CRM MaGz GoLd 16.04.2026 Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .	Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.
Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .	Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .	Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .

@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