Question

Quiero pasar datos desde php al html generado usando un campo input oculto de forma que en el "value" haya una cadena json.

En el lado del servidor tengo:

 $cars = array('Volvo','BMW','Toyota');
 $tmpArray['COCHES'] = json_encode( $cars ) ;

y este array $tmpArray lo paso a un campo input oculto para poder manejar los datos con JavaScript o jQuery.

Lo que obtengo en el html generado es esto:

    <input type="hidden" name="COCHES" value="["Volvo","BMW","Toyota"]">

Obviamente las dobles comillas seguidas corrompen la sintaxis.
De hecho aparece en rojo cuando miro el código fuente desde Firefox.

¿Hay alguna forma correcta de hacer lo que intento?

Answer 1

No es necesario que tomes los datos desde un input para manipularlos en js.
Intenta en PHP:

$cars = array('Volvo','BMW','Toyota');
echo("<script>var coches = " . json_encode($cars) . ";</script>");

En JavaScript solamente manipula la variable coches, por ejemplo:

alert("Existen " + coches.length + " coches");

Esto te sacara del apuro, aunque no es una muy buena practica.

Intenta hacer un request desde JavaScript mediante AJAX a una pagina que devuelva directamente el JSON y parsealo como la respuesta del request.
Probablemente esto te ayude: http://www.w3schools.com/php/php_ajax_php.asp

Answer 2

Hola en ves de utilizar esto:

<input type="hidden" name="COCHES" value="["Volvo","BMW","Toyota"]">

puedes generar mejor varios input asi:

<input type="hidden" name="COCHES[]" value="Volvo">
<input type="hidden" name="COCHES[]" value="BMW">
<input type="hidden" name="COCHES[]" value="Toyota">

al recobrarlos seria por COCHES[0], COCHES[1], COCHES[2]