jquery - wp_enqueue_script - wp enqueue style example

JSON para autocompletar Jquery

Question

Tengo respuesta JSON del archivo php.

[{"NOMBRE": "Kiev"}, {"NOMBRE": "Metro de Kiev"}, {"NOMBRE": "Kiev-Dnepro"}, {"NOMBRE": "Kiev-Dnepro"}, {"NOMBRE" : "Kiev-Donetsk"}, {"NOMBRE": "Kiev-Donetsk"}

¿Cómo puedo usar eso para el autocompletado estándar de Jquery? La función Autocompletar no lo solicita, pero parece que no puede analizar la respuesta de este json (la matriz simple funciona bien). Ayudame por favor

Derin, sí, eso es todo. ¡Funciona bien! Pero ahora quiero modificarlo un poco. Recibo más datos en respuesta y me gustaría mostrarlo cerca de la entrada de autocompletar principal

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

      });
 });

Entonces, ¿cómo cambiar los datos en los campos cuando cambié el texto en la entrada de autocompletar? Ahora veo los últimos valores del conjunto de registros JSON

Answer 1

Puede usar la opción formatItem :

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

Para el autocompletado de jquery ui, aquí se explica cómo se puede lograr esto:

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