Чтение данных из 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 минуты
Данная таблица нужна для редактирования под бюджетный планшет на андроид, ради таблицы изучать андроид это уже слишком, на планшет на базе виндовс увы компания денег не дает, варинт эксела под андроид не поддерживает макросы, а без макросов зачем этот блокнот нужет (а так ух я бы разгулялся если под виндовс был на работе планшет

).

Новые блоги и статьи Все статьи Все блоги /
PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	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 . Быстренько разберем подход "на фреймах". Мы делаем одну. . .