在Bootstrap自动完成中定义查找数据

Question

我在HTML表单中使用Bootstrap Autocomplete。 在那，我已成功使用Ajax获取数据。 在Ajax Success中，我必须获取数据并使用Bootstrap Autocomplete成功响应。

这是我在Ajax Success中获得的数据。

var ajaxResponseData = [{data: "1", value: "Tom Smith"},
                        {data: "2", value: "Tommy Smith"},
                        {data: "3", value: "add Smith"}];

现在的Ajax＆amp;自动完成脚本。

$( window ).on( "load", function() {
     $.ajax({
         type: 'post',
         url: get_industry_type,
         success: function (response) {

            var ajaxResponseData = '['+ response +']'; // I got Data Here

 // Here is the Bootstrap Autocomplete. 
              $('.functional_area_data').autocomplete({

                    lookup: ajaxResponseData, //Problem is here. I did not get the Data here. 
                    appendTo: '.functional_area_div',
                    minChars: 1,
                    onSelect: function (suggestion) {

                        var selectedValueID = suggestion.data;

                        $(this).closest('.functional_area_div').find('input[name="functional_area_id_hidden[]"]').val(selectedValueID);
                    },
                    onInvalidateSelection: function (value) {

                        $('#candidata_exp_form input[name="functional_area_id_hidden[]"]').val('');
                    },
                    showNoSuggestionNotice: true,
                    noSuggestionNotice: 'Sorry, no matching results'
                });

         },
         error: function(e) {         
            console.log(e);
       }
      });

主要问题是Bootstrap Autocomplete没有在自动完成中获取Ajax响应数据。我如何获得该数据？