Array from php to jquery-ui autocomplete

Question

PHP:

json_encode($data)

outputs

[{"sid":"0032","name":"Germany"}]

I want to consume this in jquery-ui autocomplete. But in jquery-ui doc the source looks like this

    var projects = [
        {
            value: "jquery",
            label: "jQuery",
            desc: "the write less, do more, JavaScript library",
            icon: "jquery_32x32.png"
        }
    ];

How can I convert the php output to such an array in javascript?

reference: http://jqueryui.com/demos/autocomplete/#custom-data

Mihai Iorga · Accepted Answer · 2012-09-18 13:54:12Z

2

remake the array:

$toJSON = array();
foreach($data as $num => $val){
    $toJSON[$num]['value'] = $val['sid'];
    $toJSON[$num]['label'] = $val['name'];
}
echo json_encode($toJSON);

answered Sep 18, 2012 at 13:54

Mihai Iorga

39.8k17 gold badges109 silver badges109 bronze badges

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

Comments

Jarry · Accepted Answer · 2012-09-18 17:15:43Z

1

var availableTags = <?=json_encode($yourArray);?>;

$( "#yourInput_text" ).autocomplete({
    source: availableTags,
    focus: function (event, ui) {
        $("#yourInput_text").val(ui.item.name);
        return false;                                               },
    select: function (event, ui) {
        $("#yourInput_text").val(ui.item.name);
        $("#yourInput).val(ui.item.sid);                                                                
        return false;                                               },
minLength: 4                                                            
});

answered Sep 18, 2012 at 17:15

Jarry

1,9063 gold badges16 silver badges27 bronze badges

Comments

Nelson Benítez León · Accepted Answer · 2012-09-18 13:59:15Z

0

What about:

var projects = eval(data);

in your javascript code.

answered Sep 18, 2012 at 13:59

Nelson Benítez León

51k8 gold badges70 silver badges84 bronze badges

1 Comment

Jarry Over a year ago

there is no need to use eval there, with php you can put the json encoded array wherever you want

Collectives™ on Stack Overflow

Array from php to jquery-ui autocomplete

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related