Чтение данных из json файла

@Nidl · Регистрация: 22.02.2017

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

Здравствуйте уважаемые форумчане, а дальше все чудесее и чудесее ( как считать данные из json файла ОО вижу этот тип файла впервые, вы уж простите меня, мой профиль это декстопные приложения (программы, игры).

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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
//load JSON
var str = "json/base.json";
var req  
  
req = new window.XMLHttpRequest();  
req.open("GET", str, true);
req.send(null); 
 
//make table
var rows_count = 10;
var columns_count = 6;
var i,j;
var table = document.getElementById('myTable');
 
 
for (j = 0; j < rows_count; j++)
{
    var row = table.insertRow(-1);
    for (i = 0; i < columns_count; i++)
    {
        var cell = row.insertCell();
        cell.style.backgroundColor = 'white';
        
        switch(i)
        {
            case 0:
                cell.style.textAlign = 'center';
                cell.innerHTML = j+1;
            break;
            case 1:
                cell.style.textAlign = 'left';
                cell.innerHTML = '&nbsp;';
            break;
            case 2:
                cell.style.textAlign = 'left';
                cell.innerHTML = '&nbsp;';
            break;
            case 3:
                cell.style.textAlign = 'center';
                cell.innerHTML = '&nbsp;';
            break;
            case 4:
                cell.style.textAlign = 'center';
                var field = document.createElement ('input');
                field.name = 'numBt';
                field.style.textAlign = 'center';
                cell.appendChild(field);
            break;
            case 5:
                cell.style.textAlign = 'center';
                cell.innerHTML = '&nbsp;';
            break;
        }
    }
}
 
alert('Здравствуйте');

JSON
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
36
37
{
  "name": "Наименование",
 
  "commands":
    [
        {
            "title": "Имя00",
        },
        {
            "title": "Имя01",
        },
        {
            "title": "Имя02",
        },
        {
            "title": "Имя03",
        },
        {
            "title": "Имя04",
        },
        {
            "title": "Имя05",
        },
        {
            "title": "Имя06",
        },
        {
            "title": "Имя07",
        },
        {
            "title": "Имя08",
        },
        {
            "title": "Имя09",
        }
    ]
}

как считать значения имен из файла с заполнением второй ячейки. Как это вообще можно читать, а там или расшибусь или разберусь

Добавлено через 26 минут
что то нашел, а дальше то куда ?

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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
//load JSON
function loadJson(callback)
{
    var XmlHttpRequest = new XMLHttpRequest();
    XmlHttpRequest.overrideMimeType("application/json");
    XmlHttpRequest.open('GET', 'str', true);
    XmlHttpRequest.onreadystatechange = function ()
    {
        if (XmlHttpRequest.readyState == 4 && XmlHttpRequest.status == "200")
        {
            callback(XmlHttpRequest.responseText);
        }
    }
    XmlHttpRequest.send(null);
}
 
loadJson(function(response)
{
    jsonResponse = JSON.parse(response);
    console.log(jsonResponse);
}); 
loadJson();
 
 
//make table
var rows_count = 10;
var columns_count = 6;
var i,j;
var table = document.getElementById('myTable');
 
 
for (j = 0; j < rows_count; j++)
{
    var row = table.insertRow(-1);
    for (i = 0; i < columns_count; i++)
    {
        var cell = row.insertCell();
        cell.style.backgroundColor = 'white';
        
        switch(i)
        {
            case 0:
                cell.style.textAlign = 'center';
                cell.innerHTML = j+1;
            break;
            case 1:
                cell.style.textAlign = 'left';
                cell.innerHTML = '&nbsp;';
            break;
            case 2:
                cell.style.textAlign = 'left';
                cell.innerHTML = '&nbsp;';
            break;
            case 3:
                cell.style.textAlign = 'center';
                cell.innerHTML = '&nbsp;';
            break;
            case 4:
                cell.style.textAlign = 'center';
                var field = document.createElement ('input');
                field.name = 'numBt';
                field.style.textAlign = 'center';
                cell.appendChild(field);
            break;
            case 5:
                cell.style.textAlign = 'center';
                cell.innerHTML = '&nbsp;';
            break;
        }
    }
}
 
alert('Здравствуйте');

@Nidl · 09.08.2018, 09:40 **[ТС]**

JSON
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
{
    "data":
    [
        {"title": 00, "name": "zero"},
        {"title": 01, "name": "zero"},
        {"title": 02, "name": "zero"},
        {"title": true, "name": "zero"},
        {"title": "Имя04", "name": "zero"},
        {"title": "Имя05", "name": "zero"},
        {"title": "Имя06", "name": "zero"},
        {"title": "Имя07", "name": "zero"},
        {"title": "Имя08", "name": "zero"},
        {"title": "Имя09", "name": "zero"},
    ]
}

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
//load JSON
var file = "json/base.json";
var myObj;
var xmlhttp = new XMLHttpRequest();
 
xmlhttp.onreadystatechange = function()
{
    if (this.readyState == 4 && this.status == 200)
    {
        myObj = JSON.parse(this.responseText);
    }
};
xmlhttp.open("GET", file, true);
xmlhttp.send();

Везде натыкаюсь как грузить файл, а дальше что делать ? как взять эти значения из json файла и применить далее, второй день ищу и ничего, одни заезженные ссылки в которых только одно как загрузить и все.

не могу сдвинуться совсем (

И снова повторный вопрос, что можно использовать как базу ? пожалуйста с практическим примером. Jsom неспорю наверное хорошая вещь но что та судя по веб и информации это вещь порасла паутиной

@Antiplayer · 09.08.2018, 09:59

Сообщение от Nidl

как считать данные из json файла

JavaScript
1
var obj = JSON.parse(data);

Где, data это ваш json, а obj спаршенный объект, с которым можно работать.

@Nidl · 09.08.2018, 10:48 **[ТС]**

я не понимаю вас

где здесь должна быть эта строчка

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
var file = "json/base.json";
var myObj;
var xmlhttp = new XMLHttpRequest();
 
xmlhttp.onreadystatechange = function()
{
    if (this.readyState == 4 && this.status == 200)
    {
        myObj = JSON.parse(this.responseText);
    }
};
xmlhttp.open("GET", file, true);
xmlhttp.send();
 
var obj = JSON.parse(data);

так не работает

зачем тогда эта строчка при вашей строчке

JavaScript
1
 myObj = JSON.parse(this.responseText);

можно пример, я учусь на примерах увы

@Antiplayer · 09.08.2018, 13:11

Nidl, моя строчка как пример того, как парсить JSON в объект, потому что вопрос был

Сообщение от Nidl

как взять эти значения из json файла и применить далее

.

В вашем коде

JavaScript
1
myObj = JSON.parse(this.responseText);

Уже есть объект, работайте с ним.

@Nidl · 09.08.2018, 15:44 **[ТС]**

так и в этом вопрос как с ним работать (myObj) ? что с ним делать (myObj) ? как из него доставать информацию (myObj)?

по сути мне все равно в каком файле хранить информацию. Просто с самим JavaScriptom я на большое Вы. Нашел что можно как базу использовать другой файл js внутри которого массив.
Что собственно я и сделал, попутно на VBA написал макрос который все данные записал в строчку массива понятную джава и скопировал в файл. Таблица прекрасно заполнилась.

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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
//make table
var rows_count = 721;
var columns_count = 7;
var i,j;
var table = document.getElementById('myTable');
 
for (j = 0; j < rows_count; j++)
{
    var row = table.insertRow(-1);
    for (i = 0; i < columns_count; i++)
    {
        var cell = row.insertCell();
        cell.style.backgroundColor = 'white';
        
        switch(i)
        {
            case 0:
                cell.style.textAlign = 'center';
                cell.innerHTML = j+1;
            break;
            case 1:
                cell.style.textAlign = 'left';
                cell.innerHTML = data[j][0];
            break;
            case 2:
                cell.style.textAlign = 'left';
                cell.innerHTML = data[j][1];
            break;
            case 3:
                cell.style.textAlign = 'center';
                var field = document.createElement ('input');
                field.name = 'numBt';
                field.style.textAlign = 'center';
                cell.appendChild(field);
            break;
            case 4:
                cell.style.textAlign = 'center';
                cell.innerHTML = '&nbsp;';
            break;
            case 5:
                cell.style.textAlign = 'center';
                cell.innerHTML = data[j][2];
            break;
            case 6:
                cell.style.textAlign = 'center';
                cell.innerHTML = data[j][3];
            break;
        }
    }
}
 
var btn = document.createElement('button');
btn.innerHTML = 'Рассчитать';
btn.style.position = 'fixed';
//btn.style.position = 'absolute';
//btn.style.left = "50%";
btn.style.top = "5px";
btn.style.left = "5px";
btn.style.height = "50px";
btn.style.width = "350px";
btn.style.font = "italic bold 42px arial,serif";
 
var body = document.getElementsByTagName("body")[0];
body.appendChild(btn);
 
btn.addEventListener ("click", function()
{
    for (i = 1; i < rows_count + 1; i++)
    {
        var n = (parseInt(table.rows[i].cells[3].children[0].value) / parseInt(table.rows[i].cells[6].innerHTML)).toFixed(3);
        if (!isNaN(n))
        {
            table.rows[i].cells[4].innerHTML = n;
        }
    }
});
 
alert('Здравствуйте');

JavaScript
1
2
3
4
5
6
var data = 
[
    ["name", "type"],
    ["name", "type"],
    ["name", "type"]
];

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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<html>
    <head>
        <meta charset="utf-8">
        <style type="text/css">
            TABLE
            {
                width: 1632;
                border-collapse: collapse;
                margin: auto;
            }
            TD, TH
            {
                padding: 3px;
                border: 1px solid black;
            }
            TH
            {
                background: rgb(255,165,0);
            }
            .col0
            {
                width: 100px;
            }
            .col1
            {
                width: 432px;
            }
            .col2
            {
                width: 36px;
            }
        </style>
        <title>Незавершенное производство</title>
    </head>
    <body>
        <table id="myTable">
            <caption><font size="36">Готовая продукция</font></caption>
            <tr>
                <th class="col2">Поз</th>
                <th class="col1">Наименование(Old)</th>
                <th class="col1">Наименование(New)</th>
                <th class="col0">Количество, уп</th>
                <th class="col0">Количество, лс</th>
                <th class="col1">Слой</th>
                <th class="col0">Выход с листа, уп</th>
            </tr>
        </table>
        <script type="text/javascript" src = "js/data.js"></script>
        <script type="text/javascript" src = "js/tab.js"></script>
    </body>
</html>

Меня все устраивает, остался один вопрос только, как после вычислений сохранить результат, причем опять же мне все равно что это будет за файл. Создать утилиту посредник которая все приведет в нужный вид, на VBA или Java GUI мне трудностей думаю не составит.
но это уже другая тема

Добавлено через 4 минуты
Данная таблица нужна для редактирования под бюджетный планшет на андроид, ради таблицы изучать андроид это уже слишком, на планшет на базе виндовс увы компания денег не дает, варинт эксела под андроид не поддерживает макросы, а без макросов зачем этот блокнот нужет (а так ух я бы разгулялся если под виндовс был на работе планшет

).

Новые блоги и статьи Все статьи Все блоги /
Изучаю kubernetes lagorue 13.01.2026 А пригодятся-ли мне знания kubernetes в России?	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .	Модель микоризы: классовый агентный подход 3 anaschu 06.01.2026 aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114	Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ФедосеевПавел 06.01.2026 Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .	Модель микоризы: классовый агентный подход 2 anaschu 06.01.2026 репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .