自动完成的数组不显示任何内容

Question

Here is my code for jQuery autocomplete:

PHP Code:

$query = "SELECT * FROM users";
$users = db::getRecords($query);

$usernames = Array();
foreach ($users as $user) 
{
    $username[] = '"'.$user['username'].'"';
}

Array is associative.

JS:

$("#username").autocomplete({

    source: [<?php  echo join(',', $usernames); ?>],   
    select: function(event, ui) {

    }
});

This array $user is not getting converted into JavaScript array. Nothing happens when I type in my username input. How to define the source with PHP array?

Answer 1

I suggest you do it this way if you're in the same page.

In PHP:

$username = array();
$query = "SELECT * FROM users";
$users = db::getRecords($query);
foreach ($users as $user) {
    $username[] = array('id' => $user['id'], 'username' => $user['username'], 'label' => $user['username']);
}

$username = json_encode($username);

Then on JS:

$("#username").autocomplete({
    source: <?php echo $username; ?>,   
    select: function(event, ui) {
        alert(ui.item.id); // alets that user id
    }
});

But it strongly suggest separate the PHP, so that you'll only need to use echo json_encode($data) in that PHP.

Then use the php path to the source: 'path/to/phpfile.php' .