how to pass multiple values from ajax autocomplete method

Question

I am trying to pass one extra perameter from ajax to controller action function with following ajax code

   $('.search-box-text').autocomplete({

                    delay: 500,

                    minLength: 3,

                    //CitySearchAutoComplete

                   @*source: '@(Url.RouteUrl("ProductSearchAutoComplete"))',*@

                    source: '@(Url.RouteUrl("GetAllProductsName"))',

                   @*source: '@Url.Action("SearchTermAutoComplete", "Catelog")',*@

                    //appendTo: '.search-box',

                    extraParams: { city: 'new' },

                    select: function(event, ui) {

                        $('.search-box-text').val(ui.item.label);

                        return false;
                    }

                });

and prototype of controller action iss as follows

public ActionResult GetAllProductsName(string term,string city)

in controller action term parameter is recieved as expected but city perameter is not recieving the value as expected.can any one please provide me the sollution for this issue.

ibubi · Accepted Answer · 2017-08-21 11:52:29Z

1

You can use ajax call for your source as indicated here

$('.search-box-text').autocomplete({

        delay: 500,
        minLength: 3,

        source: function(request, response)
        {
            $.ajax({
                url: '@(Url.RouteUrl("GetAllProductsName"))',
                data: {
                    term: 'myterm'
                    city: 'mycity',

                },
                success: function( data ) {
                    response( data );
                }
            });
        },

        select: function(event, ui) {

            $('.search-box-text').val(ui.item.label);

            return false;
        }

});

answered Aug 21, 2017 at 11:52

ibubi

2,5494 gold badges32 silver badges54 bronze badges

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

Collectives™ on Stack Overflow

how to pass multiple values from ajax autocomplete method

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related