JSON pour Jquery autocomplete

Question

J'ai une réponse JSON à partir du fichier php.

[{ "name": "Kiev"}, { "NAME": "métro Kiev "}, { "NAME": "Kiev-Dnepro"}, { "NAME": "Kiev-Dnepro "}, {" NAME ":" Kiev-Donetsk "}, {" NAME ":" Kiev-Donetsk "}

Comment puis-je utiliser pour autocomplete norme Jquery? La fonction de saisie semi-automatique fait la demande mais il semble qu'elle ne peut pas analyser la réponse pour ce json (le tableau simple fonctionne bien). Aidez-moi s'il vous plaît

---

Derin, oui c'est tout. Fonctionne bien! Mais maintenant je veux le modifier un peu. J'obtenir plus de données en réponse et je voudrais afficher près de la principale entrée autocomplete

var infoGISName = null; 
var infoGISType = null; 
var infoGISLocationID = null; 
var infoGISParentID = null; 

$('#GISName').autocomplete({ 
     source: function(request, response) { 
       $.getJSON("autocomplete.php", { term: 
    request.term }, function(result) { 
        response($.map(result, function(item) { 
         infoGISName = item.NAME; 
         infoGISType = item.GIS_TYPE; 
         infoGISLocationID = item.LOCATION_ID; 
         infoGISParentID = item.PARENT_ID; 
         return item.NAME; 
        })); 
       }); 
      }, 
     change: function(event, ui) { 
      $('#infoGISName').html(infoGISName); 
      $('#infoGISType').html(infoGISType); 
      $('#infoGISLocationID').html(infoGISLocationID); 
      $('#infoGISParentID').html(infoGISParentID); 
     }, 
     minLength:3 

     }); 
}); 

Comment modifier les données dans les champs quand j'ai changé le texte en entrée autocomplete? Maintenant, je vois que les dernières valeurs de JSON recordset

Answer 1

Vous pouvez utiliser l'option formatItem:

$('#foo').autocomplete({ 
    url : '/foo', 
    formatItem: function(item, position, length) { 
     return item.NAME; 
    } 
}); 

---

Pour le jquery ui autocomplete est ici comment vous pourriez y parvenir:

$('#foo').autocomplete({ 
    source: function(request, response) { 
     $.getJSON('/foo.php', { q: request.term }, function(result) { 
      response($.map(result, function(item) { 
       return item.NAME; 
      })); 
     }); 
    } 
});