Question

$(function () {
        $("#tbNominalAccounts").autocomplete({
            source: function (request, response){
                $.ajax({
                url: "TestPage3.aspx/GetUserNominalAccounts",
                type:"POST",
                datatype:"json",
                data :{ searchText : request.term},
                success: function(data) 
                {
                    response(
                        $.map(data, function(item)
                    {
                        return { label: item.NominalAccount, value:item.NominalAccount, id:item.NominalAccount}
                    }))
                }
            })
            }
        });

    });

Added breakpoints and it hits the ajax call but when i put a breakpoint on the method GetUserNominalAccounts it doesent even reach it!! Any ideas of why its not posting?!

I have a textbox with an ID of #tbNominalAccounts just for background information

Answer 1

Reformat your data like so:

pString = '{"searchText":"' + request.term + '"}';
    $.ajax({
        data: pString,
...

and your server side code should have been properly “decorated” to allow page access.

Thought I would add some code from a working sample using asp.net: you might need this converter for generic handling of the asp.net data:

dataType: "jsond",
type: "POST",
contentType: "application/json",
converters: {
    "json jsond": function(msg)
    {
        return msg.hasOwnProperty('d') ? msg.d : msg;
    }
},

EDIT: And for the use of the return value:

focus: function(event, ui)
{
  return false; // return "true" will put the value (label) from the selection in the field used to type
},