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

Answer 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