ansaurus

Question

Iterating through a PHP array in jQuery?

Answer 1

+14 A:

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

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

To better understand how the things are wired together (thanks 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>

You can of course place that SCRIPT tag wherever you want in the page, or you can even reference arrayFromPHP from external scripts as arrayFromPHP is declared as global.

EDIT

Given this PHP array:

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

Accessing its elements with jQuery would be done like this:

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

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

Ionuț G. Stan 2009-07-30 11:06:37

gah, beat me to it... :)

roe 2009-07-30 11:07:48

Note that PHP and jQuery aren't written side-by-side. You'll need to wrap the PHP in <?php and ?>, and the jQuery in <script type="text/javascript"> and </script.

Jonathan Sampson 2009-07-30 11:15:17

In the php for array, I use the individual elements of the array as$view['Attribute']['id'] or $view['Attribute']['label'], where I assign $view as <?php foreach($viewfields as $view):?>how do I access those elements in .each function()?

Angeline Aarthi 2009-07-30 11:19:23

@Angeline, can you edit the question and post the structure of the PHP array as returned by `print_r`? Just paste the output of `print_r($viewFields)`.

Ionuț G. Stan 2009-07-30 11:24:10

By the way, here's some documentation about `jQuery.each`: http://docs.jquery.com/Utilities/jQuery.each

Ionuț G. Stan 2009-07-30 11:25:23

@lonut G.Stan : Thank you so much. I'm getting the answer.but one small change, it's elem['Attribute']['type'] rather than elem.type. ;)

Angeline Aarthi 2009-07-30 12:11:51

ansaurus

tags:

views:

answers:

Iterating through a PHP array in jQuery?

EDIT

related questions