JSON для JQuery autocomplete

Question

У меня есть ответ JSON из файла php.

[{ "NAME": "Киев"}, { "NAME": "Киев метро"}, { "NAME": "Киев-Днепро"}, { "NAME": "Киев-Днепро «}, {« НАЗВАНИЕ »:« Киев-Донецк »}, {« НАЗВАНИЕ »:« Киев-Донецк »}

Как я могу использовать это для стандартного автозаполнения Jquery? Функция автозаполнения делает запрос, но кажется, что он не может анализировать ответ для этого json (простой массив работает отлично). Помогите мне пожалуйста

---

Derin, да это так. Работает отлично! Но теперь я хочу немного изменить его. Я получаю больше данных в ответ, и я хотел бы, чтобы отобразить его возле главного входа автозаполнения

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 

     }); 
}); 

Так как изменить данные в полях, когда я изменил текст автозавершения ввода? Теперь я вижу только последние значения из JSON записей

Answer 1

Вы можете использовать formatItem вариант:

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

---

Для Jquery UI автозаполнения здесь, как вы могли бы добиться этого:

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