Скрытый входной массив Javascript

Question

Возможно ли иметь значение скрытого поля ввода в качестве массива, а затем передать его в контроллер Spring MVC?

function foo(){ 
var myArray = new Array(); 
myArray[0] = "Hello"; 
myArray[1] = "World!"; 
document.getElementById("hiddenInp").value=myArray; 
} 

А затем в контроллере сделать что-то вроде

@RequestMapping ... 
public String test(HttpServletRequest request){ 
String[] myArray = request.getParameter("hiddenInp"); 
// Assuming that the name of the hidden input field is also hiddenInp 
System.out.println(myArray[0] + myArray[1]); 
... 
} 

Как насчет, если я работаю с ассоциативным массивом? Если индексы являются строковыми, а не int

Answer 1

Ваш лучший вариант: stringify массив, а затем назначить его.

element.value = JSON.stringify(["Hello", "World"]); 

Полученное значение будет JSON строку, которая затем может быть проанализирован на сервере, воссоздающий массив. Этот подход работает и для объектов, если вы хотите иметь нечто похожее на ассоциативный массив.

Следует отметить, что в то время как JSON имеет довольно хорошую поддержку в браузерах сегодня, старые браузеры могут не поддерживать его. Вы можете polyfill the feature fairly easily в таких случаях:

Answer 2

Однако вы установили его в Javascript, вам придется разбирать его на сервере. Вероятно, это означает разделение значения на «,» на массив C#, а затем доступ к нему, как вы хотите. Все значения, отправленные в форме, отправляются как строка точно как есть.

Возможно, вы захотите использовать http://www.w3schools.com/jsref/jsref_join.asp, чтобы установить значение скрытого ввода. Это не обязательно, хотя, кажется, все в порядке, не используя .join(). Но важно помнить, что значение будет строкой на сервере, а не массивом.

Answer 3

Вы можете передавать только строку как параметр, так и значение ввода. Это означает, что вы автоматически преобразуете Array в строку, присоединив ее к «;», вы можете сделать это вручную с помощью .join() method.

Сервера вам потребуется разбить эту строку на выбранный разделитель.

Если вы хотите, чтобы отправить их в виде массива, AFAIK вам понадобятся два входных элементов:

<input type="hidden" name="hiddenInp[]"<!-- should be more descriptive --> value="a" /> 
<input type="hidden" name="hiddenInp[]"<!-- the same name --> value="b" /> 

Answer 4

Я нашел ответ в помощью следующей link.

Если вы хотите назначить любой объект JavaScript или массив сделать это следующим образом:

var javascript_variable = 'object' or ['fruit1', 'fruit2', 'fruit3']; 
$('#hiden_input_element_unique_id').val(JSON.stringify(javascript_variable)); 

После отправки формы, в ServerSide мы должны расшифровать следующим образом:

$fruits_array = json_decode($_POST['hiden_input_element_unique_name']); 

Этот вы можете получить любой массив JavaScript на стороне сервера, который вы установите внутри элемента формы через JavaScript, на стороне клиента!