We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Searching existing api using autocomplete

I have an api end point that returns search results, the format the i send the search term to the server is in url ( "api/search/{term}" ).  Is there a way to implement this into the autocomplete and use the returned values to populate the autocomplete.

1 Reply

NP Narayanasamy Panneer Selvam Syncfusion Team July 4, 2016 09:28 AM UTC

Hi Mike Rosenberger,   
Thanks for Contacting Syncfusion support.   
We can bind the JSON data returned from any web API services to our Autocomplete control. We have here prepared a sample using AJAX post method that call the web API and returns the JSON data. Define an AutoComplete control and in its change event call AJAX post to the web API, on its success event get the JSON data and bind it to AutoComplete’s suggestion list using the private method _doneRemaining().    
Please refer the below code example:   
                change: "showCurrentSearch",   
                fields: { text: "Name", key: "id" }   
            function showCurrentSearch(args) {   
               if (args.value != "")    
                        type: "POST",   
                        url: "http://localhost:60885/RestServiceImpl.svc/" + args.value,   
                        data: '{searchletter: "' + args.value + '" }',   
                        contentType: "application/json; charset=utf-8",   
                        crossdomain: true,   
                        dataType: "json",   
                        success: OnSuccess,   
                        failure: function (response) {   
                            alert(response); }   
                   function OnSuccess(response) {   
                    var data = $("#autocomplete").ejAutocomplete("instance");   
                   if (response.length>0)   
                    data.suggestionListItems = JSON.parse(JSON.stringify(response));   
Narayanasamy P. 

Live Chat Icon For mobile
Up arrow icon