Código de JavaScript - Convertir un array de PHP a javascript

Filtrado por el tag: programmer code

<<>>

Pos: 5

Val: 1.807

Ha mantenido su posición en JavaScript (en relación al último mes)

Convertir un array de PHP a javascript

JavaScript

(12)

Actualizado el 8 de Febrero del 2018 por Xavi (548 códigos) (Publicado el 12 de Febrero del 2013)

99.376 visualizaciones desde el 12 de Febrero del 2013

Simple código que muestra como convertir un array de php a javascript.

Versión 1
(12)

Publicado el 12 de Febrero del 2013

gráfica de visualizaciones de la versión: Versión 1

99.377 visualizaciones desde el 12 de Febrero del 2013

<?php

// definimos un array de valores en php

$arrayPHP=array("casa","coche","moto");

?>

<script type="text/javascript">

    // obtenemos el array de valores mediante la conversion a json del

    // array de php

    var arrayJS=<?php echo json_encode($arrayPHP);?>;

    // Mostramos los valores del array

    for(var i=0;i<arrayJS.length;i++)

        document.write("<br>"+arrayJS[i]);

</script>

Comentarios sobre la versión: Versión 1 (12)

Jennifer

12 de Diciembre del 2014

Excelente.. :p no se me ocurrió antes ^^

Responder

Luis

23 de Enero del 2015

Y en el caso de que fuera alreves de javascript a php

Responder

Noris Diaz

17 de Noviembre del 2015

Hola, respecto a tu pregunta y partiendo del presupuesto que aun no lo sepas, vi una solucion donde, convierten el array de jv en una string serando con coma(,) utilizan la funsion implode(), la pasan al PHP y ahi convierte la stringa en array usando la funcion explode(). Sensilla y funciona porque la uso. Chao

Responder

camilo

9 de Septiembre del 2015

muy buen aporte, me funciono, muy bien, gracias

Responder

mar

28 de Octubre del 2015

muy buena info gracias

Responder

Luis

10 de Febrero del 2016

Men, soy nuevo en esto pero era justo lo que buscaba :D

Responder

jdiaz0017

22 de Abril del 2016

Hola, muy buena sus intenciones PERO no ayuda para nada a reducir el acoplamiento (ALTO) y por el contrario no seria buena practica mezclar tan evidentemente código JS con PHP.
haciendo uso de buenas prácticas en POO con PHP solucioné mi problema de la siguiente manera [EJEMPLO MUY BASICO] asumiendo de que renderizan HTML desde PHP y no mezclando código, cabe resaltar de que probé mi solución y por eso me anime para escribir éste ejemplo basico de como pasar un objeto tipo JSON como parametro a una funcion JS:

$columnasArr = array('id', 'username', 'password');

$rowsArr = array('01', 'jdiaz', '12345');

$contador = 0;

$arrayJS = ' ';

foreach( $rowsArr  as $row ) {

    $arrayJS  .=  $columnasArr . ':' . " ' " . $row . " ', ";

    $contador ++;

//eliminamos la ultima coma:

$arratJS = substr_replace($arratJS , "", -1);

$onClickButton = 'funcionJavaScript({'  .  arratJS   . '})';

//renderizando un boton:

$buttonHTML5 = '<button id="idButton" name="nameButton onclick=" ' . onClickButton   . ' " ';

//hasta aqui ya tienen renderizado un boton en html con su evento ONCLICK, ahora la funcion JS tendria

//la siguiente implementacion:

//------------------------------[  JAVASCRIPT  ]-----------------------------

// asumiendo que tienen debidamente enlazado JQUERY

$(function (){

  function funcionJavaScript( arrayJSON ) {

     var arrayJS = arrayJSON;

     alert ( "el username es : " + arrayJS.username );

});

Responder

jdiaz0017

22 de Abril del 2016

SORRY! corrigiendo la implementacion del foreach falto especificar el indice del array $columnasArr:

foreach( $rowsArr as $row ) {

$arrayJS .= $columnasArr[ $contador ]  . ':' . " ' " . $row . " ', ";

$contador ++;

Responder

cesar

12 de Abril del 2017

Hola!! todos los ejercicios funcionan muy bien ya he encontrado varios por ahí pero no he podido solucionar el problema con un array multidimencional de 4 x 5 normal si da pero como multi he tratado de varias formas pero nada tu tendras alguna pista

Responder

Mauro

30 de Noviembre del 2017

Me funcionó muy bien, gracias.

Responder

jimmy

8 de Febrero del 2018

execelente!! muchas gracias por el aporte;

Responder

raul

6 de Abril del 2018

excelente me salvaste :)