JSON source

[mattiabasone]

Hi!

I'm trying to add a JSON source to the autocomplete without success :(

Is it possible?

$('div#news').tagautocomplete({
source: function (query, process) {
return $.get(SITE_URL+'board/async/get_users.php', { term: query, k: 1 }, function (data) {
return process(data);
});
},
character: '@'
});

Here is how I got it to work:

$('div#box').tagautocomplete({
source: function (query, process) {
return $.get(dir + '/ajax/getusernames.php', { query: query}, function (data) {
return process(data);
}, 'JSON');
},
character: '@#'
});

[charlesbedrosian]

I found this same problem and determined it was also sending the entire div contents up to the remote query.

To get around this, I added some logic based on the extractor logic to isolate the term the user is currently typing. Also I added some rudimentary length checking for my own purposes:

       $('#new-comment').tagautocomplete({
            source: function(query, process) {
                var min_term_length = 3;
                var position = getCaretPosition(this.$element[0]);
                var term = query.substring(0, position);
                var regex = new RegExp("(^|\\s)([" + this.options.character + "][\\w-]*)$");
                var result = regex.exec(term);
                if(result && result[2] && result[2].length > (1 + min_term_length))
                    query = result[2].trim().toLowerCase();
                else
                    return false;
                return $.get('FindTypeAheadItems', { searchValue: query, type: 1}, function(data) {
                    return process(data);
                }, 'JSON'); 
            },