"this.source is not a function" error while implementing autocomplete

Question

$(document).ready(function(){
   var var_name=null;
   $('#id1').click(function(){

      $.ajax({
         type:"GET",
         url:" ggs.erm.servlet.setup5.Page",
         success:function(response){
            var_name=response;
            console.log(response);
         }
      })
   });
   $("#id").autocomplete({source:var_name});
});

This is the Code I am messing with,It says TypeError:this.source is not a function. Where I am wrong,Correct me??? screenshot of Error and Json from response

var var_name=null; instead declare var var_name=[ ];

Pratik Bhatt
– Pratik Bhatt

2013-01-30 07:37:21 +00:00
Commented Jan 30, 2013 at 7:37 — Pratik Bhatt
– Pratik Bhatt, Commented Jan 30, 2013 at 7:37

Tieson T. · Accepted Answer · 2013-01-30 07:36:29Z

11

jQuery Ajax methods are non-blocking, so it looks like you're trying to set an auto-complete source before the previous method resolves. You probably want to move the autocomplete assignment into the success method of your .ajax() call.

So, instead of what you have, use:

$.ajax({
    type:       "GET",
    url:        "ggs.erm.servlet.setup5.Page",
    success:    function(response) {
        $("#id").autocomplete({ source: response });
    }
});

answered Jan 30, 2013 at 7:36

Tieson T.

21.2k6 gold badges83 silver badges99 bronze badges

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

1 Comment

devnull69 Over a year ago

After indenting the code correctly you can even see that he put the assignment of var_name to the source property even outside of the click handler.

Collectives™ on Stack Overflow

"this.source is not a function" error while implementing autocomplete

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related