JSON как параметр формы

Question

JSON как параметр формы

1

У меня возникла проблема с отправкой JSON в качестве параметра формы. У меня есть следующий код:

 form = Ext.DomHelper.append(document.body, {
                                action: '/exportExcel',
                                cn: [
                                        {
                                            tag:'input',
                                            name : 'columnsToTitles',
                                            value : Ext.JSON.encode(exportConfig[1])                                                
                                        },
                                        {
                                            tag:'input',
                                            name : 'reportName',
                                            value : 'Final Reports'
                                        }
                                ],
                                method: 'exportWorkItems' || 'GET',
                                tag: 'form',
                                target: frameId
                            });
 form.submit();
 form.onload = null;                                   
 form.parentNode.removeChild(form);

Ext.JSON.encode(exportConfig [1]) оценивает следующую строку JSON

"{"title":"Title","seqTask":"SeqTask","platform":"Platform"}"

После отправки формы метод Spring MVC-контроллера получает только "{" в качестве параметра запроса "columnsToTitles". Раньше я использовал аналогичную технику кодирования, и это сработало. Не знаю, почему я просто получаю "{" в качестве параметра. Есть предположения?

vinay 23 апр. 2014, в 21:56

Источник

0

Вы проверили вкладку сети, чтобы убедиться, что вся строка JSON отправляется? Почему бы вам не попробовать отправить обычную форму без Ext? Поместите JSON в одно из полей и убедитесь, что вы можете отправить форму с JSON в одно из полей. Кроме того, опубликуйте код, который вы используете для доступа к данным, отправленным по сети.
Juan Mendes 23 апр. 2014, в 19:50
0

Я проверил вкладку сети, она не отправляет правильные данные. Я нашел следующее в «Строка параметров запроса» :: columnsToTitles: {и reportName: WI Reports
vinay 23 апр. 2014, в 19:59
0

Я не использую обычную форму, потому что целью формы является скрытый фрейм для загрузки файла.
vinay 23 апр. 2014, в 20:03
1

Кажется, что-то с Ext.DomHelper , возможно, ему трудно установить значение, содержащее кавычки. См. Fiddle.sencha.com/#fiddle/5a8 для воспроизведения.
Juan Mendes 23 апр. 2014, в 21:56

Показать ещё 2 комментария

Теги:

java

json

extjs

2 ответа

0

form.submit() не может правильно отправить формат JSON. Вы можете использовать Ext.Ajax.Request. Я думаю, что это лучший подход. Примером может служить в здесь.

Cahit Gungor 23 апр. 2014, в 16:47

0

Пожалуйста, укажите на что-то, что вы не можете отправить JSON при отправке. Если у меня есть текстовое поле и я ввожу в него JSON, не отправит ли это без проблем? Я думаю, что более вероятно, что это проблема с кодировкой на сервере.
Juan Mendes 23 апр. 2014, в 19:48
0

Это для загрузки файла, поэтому Ajax не будет работать. Ранее я использовал скрытую форму с полями ввода для хранения параметров, а затем отправил запрос. Работал с Ext.util.JSON.encode (ExtJS 3). Я использую ExtJS 4, который имеет только метод Ext.JSON.encode и не работает. Другое отличие в ExtJS 3, я использовал HTML для создания формы, тогда как в ExtJS4 я использую Ext.DomHelper.append
vinay 23 апр. 2014, в 19:52
0

@JuanMendes Не могли бы вы пролить немного света на кодирование на сервере?
vinay 23 апр. 2014, в 19:55
0

@JuanMendes Я не знаю точную причину. Но стандартный объект формы ExtJS не преобразует объект JSON в исходное состояние. Следующее сообщение в блоге (# 7) также говорит, что думаю, что Сенча. When a form is submitted, it is not submitted in JSON format. In order to submit JSON string, Ext.Ajax.request must be used. sencha.com/forum/...
Cahit Gungor 23 апр. 2014, в 20:38
0

@CahitGungor Как вы сказали, Ext.Ajax.Request работает нормально, но форма не работает. Можете ли вы привести пример для строки JSON в кодировке BASE64?
vinay 23 апр. 2014, в 20:53
0

@CahitGungor В этом посте говорится, что вся форма отправляется не в формате JSON, а в виде стандартных пар ключ-значение. Это не мешает одной из пар ключ-значение быть JSON, не так ли?
Juan Mendes 23 апр. 2014, в 21:48
1

Библиотека ExtJS не включает утилиту Base64. Пример javascript здесь ( sencha.com/forum/… ). Ответ @JuanMendes с использованием Ext.String.htmlEncode лучше, чем BASE64 encode-decode, поскольку вы должны обрабатывать закодированную строку на стороне сервера. О проблеме одного параметра JSON; @JuanMendes сказал, что если вы получаете это значение из текстового поля, это не должно быть проблемой. С другой стороны, если вы установите это явно в своем коде, специальные символы останутся без экранирования.
Cahit Gungor 24 апр. 2014, в 05:58
0

Спасибо большое, ребята. Это было действительно полезно.
vinay 24 апр. 2014, в 14:18
0

Хотя есть комментарий, который объясняет, что Кахит действительно понял проблему, ответ «как есть» не имеет хорошего предложения и неправильно понимает проблему. Если вы обновите его, я уберу понижение.
Juan Mendes 24 апр. 2014, в 14:23

Показать ещё 7 комментариев

Ещё вопросы

Вы проверили вкладку сети, чтобы убедиться, что вся строка JSON отправляется? Почему бы вам не попробовать отправить обычную форму без Ext? Поместите JSON в одно из полей и убедитесь, что вы можете отправить форму с JSON в одно из полей. Кроме того, опубликуйте код, который вы используете для доступа к данным, отправленным по сети.
Я проверил вкладку сети, она не отправляет правильные данные. Я нашел следующее в «Строка параметров запроса» :: columnsToTitles: {и reportName: WI Reports
Я не использую обычную форму, потому что целью формы является скрытый фрейм для загрузки файла.
Кажется, что-то с Ext.DomHelper , возможно, ему трудно установить значение, содержащее кавычки. См. Fiddle.sencha.com/#fiddle/5a8 для воспроизведения.
Пожалуйста, укажите на что-то, что вы не можете отправить JSON при отправке. Если у меня есть текстовое поле и я ввожу в него JSON, не отправит ли это без проблем? Я думаю, что более вероятно, что это проблема с кодировкой на сервере.
Это для загрузки файла, поэтому Ajax не будет работать. Ранее я использовал скрытую форму с полями ввода для хранения параметров, а затем отправил запрос. Работал с Ext.util.JSON.encode (ExtJS 3). Я использую ExtJS 4, который имеет только метод Ext.JSON.encode и не работает. Другое отличие в ExtJS 3, я использовал HTML для создания формы, тогда как в ExtJS4 я использую Ext.DomHelper.append
@JuanMendes Не могли бы вы пролить немного света на кодирование на сервере?
@JuanMendes Я не знаю точную причину. Но стандартный объект формы ExtJS не преобразует объект JSON в исходное состояние. Следующее сообщение в блоге (# 7) также говорит, что думаю, что Сенча. When a form is submitted, it is not submitted in JSON format. In order to submit JSON string, Ext.Ajax.request must be used. sencha.com/forum/...
@CahitGungor Как вы сказали, Ext.Ajax.Request работает нормально, но форма не работает. Можете ли вы привести пример для строки JSON в кодировке BASE64?
@CahitGungor В этом посте говорится, что вся форма отправляется не в формате JSON, а в виде стандартных пар ключ-значение. Это не мешает одной из пар ключ-значение быть JSON, не так ли?
Библиотека ExtJS не включает утилиту Base64. Пример javascript здесь ( sencha.com/forum/… ). Ответ @JuanMendes с использованием Ext.String.htmlEncode лучше, чем BASE64 encode-decode, поскольку вы должны обрабатывать закодированную строку на стороне сервера. О проблеме одного параметра JSON; @JuanMendes сказал, что если вы получаете это значение из текстового поля, это не должно быть проблемой. С другой стороны, если вы установите это явно в своем коде, специальные символы останутся без экранирования.
Спасибо большое, ребята. Это было действительно полезно.
Хотя есть комментарий, который объясняет, что Кахит действительно понял проблему, ответ «как есть» не имеет хорошего предложения и неправильно понимает проблему. Если вы обновите его, я уберу понижение.

Juan Mendes · Accepted Answer · 2014-04-23T19-16-00.000Z

Проблема в том, что DOMHelper неправильно DOMHelper кавычки в вашей строке JSON. Это создает поле ввода, которое выглядит как

<input name="columnsToTitles" value="{"title":"Title","seqTask":"SeqTask","platform":"Platform"}">

Эта особенность четко указана в документации

ПРИМЕЧАНИЕ. Для других произвольных атрибутов в настоящее время это значение не будет автоматически экранировано HTML до создания строки HTML элемента. Это означает, что если ваше значение атрибута содержит специальные символы, которые обычно не разрешались в значении атрибута с двойным кавычком, вы должны вручную предварительно закодировать HTML-код (см. Ext.String.htmlEncode) или создать рискованный неверный HTML-код. Такое поведение может измениться в будущей версии.

Поэтому вы можете просто избежать своего значения

 form = Ext.DomHelper.append(document.body, {
     action: '/exportExcel',
     cn: [{
        tag:'input',
        name : 'columnsToTitles',
        value : Ext.String.htmlEncode(Ext.JSON.encode(exportConfig[1]))
     },

Тогда ваш тег ввода будет выглядеть так:

<input name="columnsToTitles" value="{&quot;title&quot;:&quot;Title&quot;,&quot;seqTask&quot;:&quot;SeqTask&quot;,&quot;platform&quot;:&quot;Platform&quot;}">