jQuery autocomplete problems with ajax - TypeError: this.source is not a function

Question

I'm using the jQueryUI autocomplete function it works fine with data from a local variable but when using data from a $.get request i'm getting the following error: TypeError: this.source is not a function. If I remove $(function(){ in the code there is no error but still no data in autocomplete.

Content in: index.html
<script>
$(function(){
var ajaxData;
$.get('ajaxdata.html', function(data) {
$('.result').html(data);
console.log('Load was performed.'+data);
ajaxData = data;
});

var localData = ['ActionScript','AppleScript','Scheme'];
$( "#tags" ).autocomplete({
//source: localData //working
source: ajaxData //not working
});
});
</script>
<input id="tags">

Content in: ajaxdata.html
['ActionScript','AppleScript','Scheme']

move the code for the creation of the autocomplete in the $.get callback function, the reason why it is not working is because an ajax request has an a-synchron, it has a different time scale as the rest of your javascript execution time — dbf
– dbf, Commented Sep 9, 2012 at 22:09
unable to edit my comment- ajax request has an a-synchone time scale :D — dbf
– dbf, Commented Sep 9, 2012 at 22:20

dbf · Accepted Answer · 2012-09-09 22:11:25Z

1

For example:

// use document ready
$(document).ready(function(){
  $.get('ajaxdata.html', function(data) {
    $('.result').html(data);

    console.log('Load was performed.'+data);

    $( "#tags" ).autocomplete({
      source: data
    });
});

answered Sep 9, 2012 at 22:11

dbf

3,4631 gold badge27 silver badges34 bronze badges

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

Collectives™ on Stack Overflow

jQuery autocomplete problems with ajax - TypeError: this.source is not a function

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related