Arreglo de entrada oculta de Javascript

Question

¿Es posible tener el valor de un campo de entrada oculto como una matriz y luego pasarlo al controlador Spring MVC?

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

Y luego en el controlador de hacer algo como

@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]); 
... 
} 

¿Qué tal si estoy trabajando con una matriz asociativa? Donde los índices son cadenas en lugar de int

Answer 1

Su mejor opción sería stringify la matriz y luego asignarla.

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

El valor resultante será una cadena JSON que luego puede ser analizada en el servidor, la recreación de la matriz. Este enfoque también funciona para objetos si desea tener algo parecido a una matriz asociativa.

Debo notar que mientras que JSON tiene un soporte bastante bueno en todos los navegadores, los navegadores más antiguos pueden no ser compatibles. Puede polyfill the feature fairly easily en esos casos:

Answer 2

Sin embargo, lo configura en Javascript, tendrá que analizarlo en el servidor. Eso probablemente signifique dividir el valor por "," en una matriz de C#, y luego acceder a ella como lo desee. Todos los valores enviados en un envío de formulario se envían como una cadena exactamente como está.

Es posible que desee utilizar http://www.w3schools.com/jsref/jsref_join.asp para establecer el valor de la entrada oculta. Aunque no es necesario, parece estar bien sin usar .join(). Pero es importante recordar que el valor será una cadena en el servidor, no una matriz.

Answer 3

Solo se puede pasar una cadena como parámetro, así como también el valor de una entrada. Eso significa que usted Array se convertirá automáticamente a una cadena uniéndolo con ";", también podría hacerlo manualmente con el .join() method.

Serverside luego tendrá que dividir esa cadena por el delimitador elegido.

Si desea enviarlos como una matriz, que yo sepa se necesitan dos elementos de entrada:

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

Answer 4

he encontrado la respuesta en medio de la siguiente link.

Cuando se desea asignar cualquier objeto JavaScript o una matriz hacerlo de la siguiente manera:

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

Tras el envío del formulario, en el serverside tenemos que decodificar la siguiente manera:

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

Este De esta manera, puede obtener cualquier matriz de JavaScript en el lado del servidor, que se establece dentro de un elemento de formulario a través de JavaScript, en el lado del cliente.