JQueryUI Автозаполнение удаленного источника неправильно направлено

Question

У меня есть автозаполнение jQuery для текстового поля.Код для инициализации автозаполнения:

$("#SearchBox1").autocomplete({
    autoFocus: false,
    source: "Home/AutoComplete",
    select: function (event, ui) {
    alert(ui.item.label);
    }

Если URL-адрес не содержит пути, автозаполнение jQuery работает, но когда URL-адрес содержит что-то вроде localhost/home/GoToPage/?page=2, тогда автозаполнение пытается использовать /home/GoToPage/Home/AutoComplete.На этом этапе автозаполнение полностью сломано, поскольку оно использует неверный путь.

Есть ли какие-либо хорошие способы решения этой проблемы?

Answer 1

Одно из возможных решений основано на комментариях MadRabbit и учебном пособии по автозаполнению Dan Wellman jQueryUI по адресу http://net.tutsplus.com/tutorials/javascript-ajax/how-to-use-the-jquery-ui-autocomplete-widget/

$("#SearchBox1").autocomplete({
        autoFocus: false,
        source: function (request, callback) {
            //pass request to server  
            $.getJSON("Home/AutoComplete?term=" + request.term, request, function (responseData) {

                //create array for response objects  
                var suggestions = [];

                //process response  
                $.each(responseData, function (i, val) {
                    suggestions.push(val);
                });
                //pass array to callback  
                callback(suggestions);
            });            
        },       
        select: function (event, ui) {
            $('#SearchBox1').val(ui.item.label);                           
    }
});