0 / 0 / 0
Регистрация: 20.02.2017
Сообщений: 9
1

Отправка JSON массива сформированного из полей ввода на сервер

23.03.2017, 10:28. Показов 437. Ответов 1
Метки нет (Все метки)

Доброго времени суток, подскажите кто знает, будьте добры:
Есть функция разбора JSON массива и визуализации его в виде таблицы, в этой таблице содержаться поля ввода, как сформировать JSON массив из данных которые введены пользователем в поля ввода и отправить его на сервер... (на сервере функция приема массива и записи в базу уже написана) массив отправить в виде такой структуры
[
// [id, serverId, вес на мешке, вес по факту]
[10, 0, 10.12, 14.32],
[11, 0, 11.12, 12.32],
[12, 0, 8.0, 8.0]
]
Вес на мешке и вес по факту - вводимые пользователем данные в поля ввода
id, serverId - данные для идентификации пункта накладной
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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
function LoadInvoice()
 
    {
        MHTTP.Request(
                {
                    method: "POST",
                    uri: uriMain + "/Control/Invoice/API/GetListItem",
                    hashParameter:
                    {
                        count: 100,
                        countAll: 1,
                        errorId: -1,
                        listColumnNameGet:"id,article,title,weightFact, kindCost",
                        sort:"id"
                    },
                    OnLoadFunction: function(responseText)
                    {
                        j = JSON.parse(responseText);
                        //alert(j.listRow[0]) ;
                        // alert();
 
                        if(j.errorId != -1)
                        {
                            alert("Ошибка: " + j.errorTitle);
                            return;
                        }
 
                        var html = '<table id="grid" class="table table-hover"><thead><tr>', k, q, e1=j.listRow, n, e, ar, countTMC= 0, count = 0, Sum=0;
                                 //Шапка основной таблицы с пунктами
                        html += '<th data-type="string" style="text-align: center">' +'№'+'</th>';
                        html += '<th style="text-align: center">' +'Арт.'+'</th>';
                        html += '<th data-type="number" style="text-align: center">' +'Номенклатура'+'</th>';
                        html += '<th style="text-align: center">' +'Вес в накладной'+'</th>';
                        html += '<th style="text-align: center">' +'Вес на мешке'+'</th>';
                        html += '<th style="text-align: center">' +'Вес по факту'+'</th>';
                        html += '</tr>';
                        html+='</thead>';
 
                        for(k = 0; k < j.listRow.length; ++k)
                        {
                           // alert(j.listRow[k].indexOf( 'ТМЦ' ) != -1 );  //работает
                           if (j.listRow[k].indexOf( "ТМЦ" ) != -1)
                              {
                                        ar= j.listRow[k];
                                        countTMC= countTMC+1;
                              }
                           else
                              {
                                        n= j.listRow[k];
 
                              }
                            count= count+1;
                            e = j.listRow[k];
                            Sum=Sum+parseInt(e[0]);
                           // console.debug(n);
                            console.debug(countTMC);
 
                        html += '<tr>';
 
                        for(q = 0; q < 4; ++q)
                        html += '<td style="text-align: left">'+ MString.ToHTML(String(n[q])) +'</td>';
                        html += '<td style="text-align: center">'+ '<input type="text"  onkeyup="checkParams()" class="form-control"  placeholder="введите вес" />'+'</td>';
                        html += '<td style="text-align: center">'+ '<input type="text" onkeyup="checkParams()" class="form-control"  placeholder="введите вес" />'+'</td>';
                        html += '</tr>';
                        }
                        /// разбор массива с сервера и перевод в HTML
                        console.debug(count);
                        html += '<th colspan="3"  style="text-align: center" >'+'Итого'+'</th>';
                        html += '<th style="text-align: center" >'+'По накладной'+'</th>';
                        html += '<th style="text-align: center" >'+'На мешках'+'</th>';
                        html += '<th style="text-align: center" >'+'По факту'+'</th>';
                        html += '<tr>';
                        html += '<td colspan="3" style="text-align: center" >'+'Товар-'+ count +' место'+'</td>';
                        html += '<td style="text-align: center">'+Sum+'</td>';
                        html += '<td style="text-align: center">'+Sum+'</td>';
                        html += '<td style="text-align: center">'+'...'+'</td>';
                        html += '</tr>';
                        html += '</table>';
 
                        document.getElementById("InvoiceItem").innerHTML = html;
 
 
 
 
                        var htmlF = '<table class="table table-hover"><thead><tr>';
                        //Шапка основной таблицы с пунктами
                        htmlF += '<th style="text-align: center">'+'№'+'</th>';
                        htmlF += '<th style="text-align: center">'+'Арт.'+'</th>';
                        htmlF += '<th colspan="3" style="text-align: center">'+'ТМЦ'+'</th>';
                        htmlF += '<th style="text-align: center">'+'Кол-во/Вес'+'</th>';
                        htmlF += '</tr>';
                        htmlF +='</thead>';
 
                        for(k = 0; k < j.listRow.length; ++k)
                        {
                            // alert(j.listRow[k].indexOf( 'ТМЦ' ) != -1 );  //работает
                            if (j.listRow[k].indexOf( "ТМЦ" ) != -1)
                            {
                                ar= j.listRow[k];
                                for(q = 0; q < ar.length; ++q)
                                htmlF += '<td style="text-align: left">'+ MString.ToHTML(String(ar[q])) +'</td>';
                                htmlF += '<td style="text-align: center">'+ '<input type="text" class="form-control" id="a1" onkeyup="checkParams()"  placeholder="введите вес" />'+'</td>';
                                htmlF += '</tr>';
 
                            }
 
                        }
                        htmlF += '<tr>';
                        htmlF += '<td colspan="6" style="text-align: center">'+'<textarea class="form-control" name = "event" id = "comment"  rows = "5" placeholder="Комментарий:"></textarea>'+'</td>';
                        htmlF += '</tr>';
                        htmlF += '<tr>';
                        htmlF += '</tr>';
                        htmlF += '</table>';
 
                        document.getElementById("FTable").innerHTML = htmlF;
                    }
                });
 
    }
0

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
23.03.2017, 10:28
Ответы с готовыми решениями:

Отправка JSON объекта со строгой последовательностью полей
Всем привет. Работаю с JSON недавно и встала задача отправлять JSON объект со строгой...

Отправка Json на сервер и обратно
Собственно сел учить Json и мне понравился вот такой способ работы с AJAX Json, работает он...

Отправка JSON на сервер POST запросом
Как можно отправить JSON на сервер POST запросом. { &quot;jsonrpc&quot;: &quot;2.0&quot;, &quot;method&quot;:...

Сереализация объекта в JSON и отправка на сервер
Всем привет хочу конвертировать объект в json и отправить его на сервер не знаю если моё решение...

1
Фрилансер
Эксперт JSЭксперт HTML/CSSЭксперт PHP
1840 / 1338 / 597
Регистрация: 12.01.2011
Сообщений: 5,392
23.03.2017, 16:05 2
https://developer.mozilla.org/... /stringify
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
23.03.2017, 16:05

Отправка данных JSON через POST-запрос на сервер https
Прошу помочь, может кто имел опыт отправки и получения данных посредством json через POST-запрос на...

Ajax запрос отправка данных(json) на сервер и data=type init!?
Как в этот ajax запрос вставить данные, у меня тут указано data: &quot;type = init&quot;, но мне нужно еще...

Разница структуры и имён полей стандартного отчёта и сформированного пользователем.
Всем добрый день!:) Мистика! Сделала клиенту небольшие доработки - добавила реквизит и сделала...

Передача json массива POST методом на сервер
Есть сервис, на другом домене (не мой сайт), там по специально выданному url, можно отправлять...

Отправка на сервер массива файлов
Доброго времени суток! Есть ли возможность отправить на сервер не один файл, а массив файлов? У...

Суммирование M первых элементов сформированного массива с M последними элементами же массива
Файл исходных данных содержит значения величин N, M и элементов массива IVECT..IVECT.Написать,...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.