He estado en esto por un tiempo y estoy progresando muy lentamente, principalmente porque mis habilidades jquery necesitan mejorar, aunque estoy intentando:)

Tengo este código:

jQuery(function() {
  jQuery("input#search").autocomplete({
    minLength: 2,
    source: function(request, response) { 
      jQuery.post("index.php?option=com_eat&view=search&format=raw", { 
        "'.$token.'": "1",
        search_string: request.term
      }, function(data) { 
        response( jQuery.map( data, function( item ) {
          return {
            value: item.name,
            url: item.url
          }
        }));
      }, "json"); 
    }
  });
});

El retorno de la publicación es json en la forma:

data.url = some_url;
data.name = some_name;

Deseo que el autocompletado se complete con json data.name y, si se hace clic en alguno de ellos, dirige la página a data.url.

El problema real para mí es obtener los datos JSON de la respuesta en los resultados de autocompletar. No hay muchos ejemplos de esto en la web que se adapten a mis circunstancias, y ninguno que pueda encontrar.

Gracias por cualquier ayuda