Question

$(document).ready ->
  $('#auto').autocomplete( source: "main/search" )

the code beyond set up the autocomplete env,’#auto’ is an input filed.

In my main controller I got the search action

def search
  @user = User.find_by_name 'castiel'
  respond_to do |format|
    format.json { render :json => @user.to_json(:only => :name) }
  end
end

everything seems working perfectly fine.When I type in a char,let’s say a “c”,so the ajax request was sent and received the json data.

In firebug, it shows the ajax request successfully get the json data below

{"name":"castiel"}

so far so good,but the json data’s type is not the kind that autocomplete demanded.It demands that json data is like below.

{"id":"castiel", "label":"castiel", "value":"castiel"}

So here is problem,how to modify the josn data to the kind that I wanted.

Answer 1

In the success function, you need to return something like

.autocomplete({
    source: function(request, response){
        $.ajax({
            url: "main/search",
            dataType: "json",
            data: {
                style: "full",
                maxRows: 12,
                term: request.term
            },success: function( data ) {
                    response( $.map( data, function( user ) {
                        return {
                            label: user.name,
                            value: user.id
                        }
                    }));