jQuery Forum

You don’t have data.geonames in your script. Does your server return proper JSON?

After the success callback, you can add a error callback, where you just alert("error"). That will let you know if the JSON is ok. 

You should take the c# problem to a c# forum. All I can do is google for examples like Create JSON from C# using JSON Library - CodeProject and Json.NET - Home

Andy,
The jQuery code that you originally posted probably orginated with me, and is useful for getting city location names from a web service called geonames.org using the JSONP protocol.  Though you changed JSONP to JSON, it still has several lines in it that you do not need, and may be causing problems with your server, maybe not.

Anyway, here is some code that may be helpful as a model.

        $('#state').autocomplete({
            source: function(request, response) {
                //Pass the selected country to the query manager to limit the selection to 1 country
                $.ajax({
                    url: '../phpFunctions/getState.php',
                    data: {
            term: request.term,
            country: $('input[name=country]:checked').val() //Pass the selected countryAbbreviation
          },
                    type: 'POST', // a jQuery ajax POST transmits in querystring format (key=value&key1=value1) in utf-8
                    dataType: 'json', //return data in json format
                    success: function(data) {
                        response($.map( data, function(item) {
                            return {
                label: item.stateName,
                value: item.name,
                abbrev: item.stateAbbrev
              };
                        }));
                    }
                });
            },
      select: //function
      open: //function
      etc.

Get your server's response and copy/paste it into jsonlint.com to see if it is valid JSON format

Here is a tutorial with server code in several languages. Hope it it helpful.

http://www.jensbits.com/2010/03/29/jquery-ui-autocomplete-widget-with-php-and-mysql/

Actually I had got the code from http://jqueryui.com/autocomplete/#remote-jsonp (which doesn't actually work). My problem seems to be in the format of the data I'm returning from my server side c# code. Thanks anyway.

Somehow I gave you the wrong link for server examples. This one has code for ASP, PHP, and ColdFusion.

http://www.jensbits.com/2010/05/29/using-jquery-autocomplete-to-populate-another-autocomplete-asp-net-coldfusion-and-php-examples/

Hope one of them helps you with the JSON format problems.

You need a select: option. It can be as simple as

            select: function(event, ui) {
                $(this).val(ui.item.value);
            }

or much more complicated, if you want multiple things to happen after the user selects.

As written, your AC code looks for a file named search.aspx that is in the same directory as your index.html file. If that's not the name or the place, add the relative path, correct name, etc.

Also, a delay of 1000 is 1 second. A lot to typing can occur in 1 second, which can cause data collisions.  I'd suggest a much shorter delay - 50, at least for testing.

It sounds like you do not get a dropdown box. This is odd, if your server produces valid JSON.  If problems continue, post the response from your server from an actual test data input at the client.  Use Firebug's Console. After data input, you'll see an entry with a plus sign in the Console. Click the plus sign, and you'll see 3 tabs. The first shows the data sent to the server, the second/Response tab shows the server's response text. Copy/paste that here, if problems continue.  The 3d tab shows the response in JSON layout, if it is valid format.  Chrome and IE show the response also, but they aren't all together. Use them if you prefer.

I can't comment on your server code, but the server response will show whether it sends something that AC can digest. For example, some developers produce JSON, but send additional info in the response. AC cannot digest that.

If the JSON you posted is the only data your server sends to Autocomplete (no headers, no HTML, etc.), then Autocomplete should work.

You need a select: option in your Autocomplete code.

I don't know/use ASP so I can't help with that.  But here is a link to an ASP tutorial.

http://www.codeproject.com/Articles/78704/3-Different-Approaches-for-Implementing-the-JQuery

And here is a link to a jQueryUI Forum discussion about using ASP with Autocomplete. I seem to recall that he got it running.

https://forum.jquery.com/topic/jquery-autocomplete-with-dynamic-data-and-submitting-on-selection

Hope something helps.