MVC 3 jQuery UI autocomplete not displaying the results

Question

I have searched many times and find examples which match my code structure perfect. Yet I am not getting the results from my ajax to display on the input box.

I get results from the POST that have been evaulated with firebug and everything looks great.

Here is the javascript im using.

<script type="text/javascript" language="javascript">
$(function () {

    $("input.FamousPerson-List").autocomplete({
        source: function (request, response) {
            $.ajax({
                url: "/FamousPeople/FPPAutoComplete",
                type: "POST",
                dataType: "json",
                data: {
                    searchText: request.term,
                    maxResults: 12
                },
                success: function (data) {
                    response($.map(data, function (item) {
                        return {
                            value: item.DisplayName
                        }
                    }))
                }
            });
        }
    });

});

Here is a link of the actual code I am using on the web.AutoCompleteTesting Type just about any letter in one of the boxes below to invoke it.

Thanks.

I tried entering text in the boxes and your success function isn't invoked. Free market research: I want to bet on which celebrities will get fat. I want to trade cellulite futures on pop stars. — RSG
– RSG, Commented Apr 6, 2011 at 21:59
Well thank you, what am I doing wrong that the success function isn't kicking off? And thank you for the suggestion. The Project is open source and I will be looking for ideas. — Brandon Meyer
– Brandon Meyer, Commented Apr 6, 2011 at 22:14

Community · Accepted Answer · 2017-05-23 12:11:55Z

2

If you look closely at the request being sent up, you'll notice that a callback parameter is being added. Weird, right? Since you're doing a local AJAX post, not a cross-domain (JSONP) one.

I noticed that your project includes jQuery Validate. According to this answer to a question dealing with a similar problem (performing a JSONP request instead of a normal JSON request even though you asked for one), it's a known issue in jQuery validate.

Judging by the other answer, you can change your version of jQuery or perhaps use a patched version of jQuery validate (found here).

edited May 23, 2017 at 12:11

CommunityBot

11 silver badge

answered Apr 7, 2011 at 1:57

Andrew Whitaker

126k32 gold badges296 silver badges308 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Brandon Meyer Over a year ago

Amazing. Removing the conflicting jQuery Validation version being brought in by the partial view fixes this. Thanks a bunch. The same link above now shows a working solution.

Collectives™ on Stack Overflow

MVC 3 jQuery UI autocomplete not displaying the results

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related