Pass existing php array to jquery

Question

I have a PHP array I want to pass to my jquery (replace the test array with my php array).

Array
(
    [12] => Some Text
    [6] => Another text
    [11] => one more text
)

Jquery:

$('#SearchUser').typeahead({
                source: [
                    { ID: 1, Name: 'Toronto' },
                    { ID: 2, Name: 'Montreal' },
                    { ID: 3, Name: 'New York' },
                    { ID: 4, Name: 'Buffalo' },
                    { ID: 5, Name: 'Boston' },
                    { ID: 6, Name: 'Columbus' },
                    { ID: 7, Name: 'Dallas' },
                    { ID: 8, Name: 'Vancouver' },
                    { ID: 9, Name: 'Seattle' },
                    { ID: 10, Name: 'Los Angeles' }
                ],
                display: 'Name',
                val: 'ID',
                itemSelected: updateID
            });

So how can I set the var for "source" to my php array?

Suggestions?

As always,, you are awesome!

-Tom

Can you link to the typeahead plugin you are using?

ahren
– ahren

2012-08-07 22:33:20 +00:00
Commented Aug 7, 2012 at 22:33 — ahren
– ahren, Commented Aug 7, 2012 at 22:33

Prasanth · Accepted Answer · 2012-08-07 22:40:05Z

1

How I'd done it in one of my projects was,

$.get("<?= $baseUrl ?>search/data", function (data) {
    var dataObject = JSON.parse(data);
    $('#q').typeahead({
        'source': dataObject,
        // 'items': 5
    });
});

and my search controller's data method is:

echo (json_encode($arr)); // $arr is ["a","b","c"] etc. but you can have an associated array too.

Basically, the point of showing my code is to say use json

answered Aug 7, 2012 at 22:40

Prasanth

5,2962 gold badges31 silver badges62 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

sedran · Accepted Answer · 2012-08-07 22:36:57Z

1

You can use json_encode function of php to conver a php array to json. Then you can use the json as javascript array.

http://www.php.net/manual/en/function.json-encode.php

I don't know how you get data from php code to javascript code, but if you print data as json, you can take it via an ajax call.

answered Aug 7, 2012 at 22:36

sedran

3,5763 gold badges26 silver badges41 bronze badges

Comments

KRyan · Accepted Answer · 2012-08-07 22:37:23Z

0

Use PHP's json_encode() function to create a string that is a valid JSON, and then read that with jQuery's $.getJSON().

Something like this:

get_array.php

$someArray = /* whatever */;
echo json_encode($someArray);

read_array.js

$.getJSON('get_array.php', function(data) {
    // data now contains your array
});

Alternatively, you could do something like this:

<script type="text/javascript">
    var someArray = <?php echo json_encode($someArray); ?>
</script>

If you don't want the separate files and don't mind using a global variable for it.

answered Aug 7, 2012 at 22:37

KRyan

7,6402 gold badges42 silver badges73 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 12:12:17Z

-1

You can do the following:

<script type="text/javascript">
    var jsArray = <?php echo json_encode($phpArray); ?>
</script>

but it is a bad practice to mix language X with language Y.

Well, take a look at my answer to this post in which you can do the following in a better way:

Is echoing Javascript code condtionally based on server-side logic considered harmful?

Hope this helps :-)

edited May 23, 2017 at 12:12

CommunityBot

11 silver badge

answered Aug 7, 2012 at 22:42

Oscar Jara

14.1k10 gold badges64 silver badges94 bronze badges

Collectives™ on Stack Overflow

Pass existing php array to jquery

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related