Question

I’m wiring the following method to my document.ready function. However, the “myAutoCompleteURL.aspx” URL is never being accessed (I have a breakpoint on the page, and it’s never being hit).

Anybody know why this isn’t working? I’m new to the UI version of AutoComplete; I had previously only used the jquery-based (deprecated) version.

function myAutoComplete(myTextBox, myLabel, myHidden) {
    var myType = $(myLabel).html();

    $(myTextBox).autocomplete({
        source: function (request, response) {
            $.ajax({
                type: 'POST',
                dataType: 'json',
                url: "../myAutoCompleteURL.aspx",
                data: { q: request.term, type: myType },
                success: function (myData) {
                    response($.map(myData, function (myItem) {
                        return { label: myItem.name, value: myItem.name, id: myItem.id }
                    }));
                }
            });
        },
        select: function (event, ui) {
            $(myTextBox).val(ui.myItem.name);
            $(myHidden).val(ui.myItem.id);
            return false;
        }
    });
}

Answer 1

Use Firebug and look for what URL is being hit instead. If nothing shows up in the console, then the javascript code is not working at all.