Jquery autocomplete with json input + rails3

Question

$(function() {
  $('.autocomplete_address').autocomplete({
    minLength: 0,
    delay: 600,
    source: function(request, response) {
      $.ajax({
        url: "/welcome.js",
      dataType: "json",
      data: {search: request.search},
      success: function( data ) {
      var data_obj = jQuery.each(data,function(i, key) {
                     });
        response( $.map(data_obj, function( item ) {
          return {
            label: item.area,
            value: item.area
          }
        }));
      }


    });
      }

    });


});

Using jquery-ui-186's autocomplete

The autocomplete part works But it shows the same results for any data entered

In the server side code looks like this:

class WelcomeController < ApplicationController

  def index
    @area =  Address.search params[:search]
    @area =  @area.as_json(:include => :state)
    @area =  @area.to_json

    respond_to do |format|
      format.html
      format.js {render :json => @area}
    end
  end

end

Where am i going wrong!!!!!! Any help is greatly appreciated.

Andrew Whitaker · Accepted Answer · 2011-09-28 15:37:32Z

1

The request object has a term property, not a search property. Update your AJAX call:

/*Snip */
data: { search: request.term },
/*Snip */

answered Sep 28, 2011 at 15:37

Andrew Whitaker

126k32 gold badges296 silver badges308 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

railerhelper Over a year ago

WoW... That works!!!!!!!!!!YAY...**Thanks very much** And I'll vote this up once i reach 15 reputation points

orolo · Accepted Answer · 2011-09-28 15:34:35Z

0

Update: make from the docs:

                success: function( data ) {
                    response( $.map( data.geonames, function( item ) {
                        return {
                            label: item.name + (item.adminName1 ? ", " + item.adminName1 : "") + ", " + item.countryName,
                            value: item.name
                        }
                    }));
                }

So yours might look like this:

 success: function( data ) {
                    response( $.map(data_obj, function( item ) {
                       return {
                          label: item.area,
                          value: item.area
                       }
                 });
    }

It looks like you're not actually doing anything with the results of your .each().

edited Sep 28, 2011 at 15:34

answered Sep 28, 2011 at 13:23

orolo

3,9532 gold badges32 silver badges30 bronze badges

3 Comments

railerhelper Over a year ago

Nope That's not it...Some how the data that is to be sent to the sever for lookup is getting sent Is data: {search: request.search}, correct? I am not sure....

railerhelper Over a year ago

Nope That's not it...Some how the data that is to be sent to the sever for lookup is getting sent

railerhelper Over a year ago

I added that $.each block just to get the objects separately in a variable so that i can work on that...Other that each() is not being used like you said....But It's working now thanks to @orolo

Collectives™ on Stack Overflow

Jquery autocomplete with json input + rails3

2 Answers 2

1 Comment

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related