Mentions Auto Suggesting da jquery a php

trattorino

Utente Attivo
23 Lug 2016
173
1
18
43
Salve sto effettuando una modifica a una text area e grazie a questo plugin posso menzionare gli utenti da un db dopo aver inserito @ in una textarea vi posto il codice completo.

HTML:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css">
<link href="bootstrap-suggest.css" rel="stylesheet" type="text/css">
</head>

<body>

<textarea class="form-control" rows="8" id="example-1"></textarea>

<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="bootstrap-suggest.js"></script>
<script>
var users = [
  {username: 'lodev09', fullname: 'Jovanni Lo'},
  {username: 'foo', fullname: 'Foo User'},
  {username: 'bar', fullname: 'Bar User'},
  {username: 'twbs', fullname: 'Twitter Bootstrap'},
  {username: 'john', fullname: 'John Doe'},
  {username: 'jane', fullname: 'Jane Doe'},
];
$('#example-1').suggest('@', {
  data: users,
  map: function(user) {
    return {
      value: user.username,
      text: '<strong>'+user.username+'</strong> <small>'+user.fullname+'</small>'
    }
  }
})

</script>
</body>
</html>

nella variabile user ci sono di default i campi i ricerca, vi chiedo aiuto per far si, che invece del campi di defaul nella variabile, la ricerca venga effettuata in una pagina php, i dati per ricercare dal mio database sql, come posso modificare il codice? come faccio a cambiare i campi di defaul con campi dinamici presi dal database?
grazie spero mi aiutate
 
Codice:
<script>
function get_user(){
return $.ajax({
    url: 'il tuo link della pagina.php',
    type: 'GET/POST',
    error: function (e) {
        console.log("errore chiamata", e);
    }
}).then(function(data) {
    var data = JSON.parse(dataJSON);
   return data;
});

}
function elem_users(user){
$('#example-1').suggest('@', {
  data: users,
  map: function(user) {
   return {
     value: user.username,
     text: '<strong>'+user.username+'</strong> <small>'+user.fullname+'</small>'
   }
  }
})}
//NEW LINE
var users = get_user() ;
elem_users(users);
//in alternativa....

/*
elem_users(get_user());
*/

</script>
 

Discussioni simili