A iteração através de uma matriz de PHP em jQuery?

StackOverflow https://stackoverflow.com/questions/1205892

  •  05-07-2019
  •  | 
  •  

Pergunta

Como faço para iterate através de uma matriz PHP em jQuery? Eu tenho uma matriz em php chamado $viewfields. Como faço para iterate através de cada elemento desta matriz usando jQuery?

Editar 1 

<?php foreach ($viewfields as $view): ?>           

if(<?=$view['Attribute']['type'];?>=='text'||<?=$view['Attribute']['type'];?>=='number')
{ 
     $("<input id=input<?=$view['Attribute']['sequence_no'];?> type= 'text' style= 'width:<?=$view['Attribute']['size'];?>px' data-attr=<?=$view['Attribute']['type'];?> ></input><br>").appendTo("#fb_contentarea_col1down21 #<?=$view['Attribute']['sequence_no'];?>");
}

Se eu der 

$.each(arrayfromPHP,function(i,elem){

}

como faço para escrever o código para $ view [ 'atributo'] [ 'type'] em jQuery? elem [ 'atributo'] [ 'type'] não funciona suponho?

EDIT 2

elem [ 'atributo'] [ 'type'] funciona

Foi útil?

Solução 

var arrayFromPHP = <?php echo json_encode($viewFields) ?>;

$.each(arrayFromPHP, function (i, elem) {
    // do your stuff
});

Para entender melhor como as coisas estão ligados entre si (graças Jonathan Sampson): 

<!DOCTYPE html>

<html>
<head>
<script type="text/javascript">
var arrayFromPHP = <?php echo json_encode($viewFields) ?>;

$.each(arrayFromPHP, function (i, elem) {
    // do your stuff
});
</script>
</head>
<body>

</body>
</html>

Você pode, lugar claro que tag SCRIPT onde quiser na página, ou você pode até arrayFromPHP referência de scripts externos como arrayFromPHP é declarado como global.

Editar

Dada essa matriz PHP: 

$viewFields = array(
    'Attributes' => array(
        'type'  => 'foo',
        'label' => 'bar',
    ),
    'Attributes' => array(
        'type'  => 'foo',
        'label' => 'bar',
    ),
);

Como acessar seus elementos com jQuery seria feito assim: 

// json_encode() will output:
// {"Attributes":{"type":"foo","label":"bar"}}

$.each(arrayFromPHP, function (i, elem) {
    alert(elem.type);
    alert(elem.label);
});

Outras dicas

A maneira fácil é:

PHP: 

$an_array=array();
$an_array[]='Element 1';
$an_array[]='Element 2';
$an_array[]='Element 3';
$array_js=implode(",",$this->js_pagina); //join elements in a string

JQUERY: 

//Converter
window.array=new String('<?php echo $array_js?>');
window.array=window.js_pagina.split(",");
//Iterator
$.each(window.array, function (i, elem) 
{
        alert(elem);
});
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top