Searching existing api using autocomplete

[Mike Rosenberger]

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.

[Narayanasamy Panneer Selvam]

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:   

    

  $('#autocomplete').ejAutocomplete({   

                change: "showCurrentSearch",   

                fields: { text: "Name", key: "id" }   

             

            })   

            function showCurrentSearch(args) {   

               if (args.value != "")    

                    $.ajax({   

                        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));   

                    data._doneRemaining();    

                }   

                           }   

    

Sample link: http://www.syncfusion.com/downloads/support/forum/124804/ze/autocomplete-1779697742    

Regards,   

Narayanasamy P.