Передача результата запроса MySQL на функцию JavaScript

Question

Я пытаюсь создать теги в поле ввода с помощью JavaScript и попытаться предложить пользователю для автоматического заполнения предложений из базы данных.

Я могу создать теги с простым JavaScript, но я не могу получить уже созданные теги и передать его в функции JavaScript для автоматического завершения предложения.

Поле ввода

<input type="text" name="area_token" id="area_token"> 

JavaScript Функция

$(function() { 
    $("#area_token").tags({ 

    }).autofill({ 
     data:["java-script","MySQL","ajax","Python"] 
    }); 
}); 

Вот что я хочу, чтобы перейти к запрос к базе данных и передать, что данные в этой функции автозаполнения.

Я написал функцию AJAX, чтобы получить данные из базы данных

function display_detail_of_follow_up_meetings(studentid) { 
    $.ajax({ 
     type: "POST", 
     dataType:'json', 
     url: base_path+"admission_inquiry/display_inquiry_meetings_byinquiryid_json", 
     data:({ 
      'inquiry_id':studentid 
     }), 
     beforeSend:function() { 
      overlay_ajax(); 
     }, 
     success:function(data) { 

     }, 
     error:function(){ 
      alert('ajax call failed...'); 
     }, 
     complete: function(){ 
      $.unblockUI(); 
     }    
    }); 
} 

Что я здесь делаю неправильно или как я могу добиться этого?

Answer 1

Если функция позади вашего запроса AJAX в порядке, то вам нужно только это «изменение»

function display_detail_of_follow_up_meetings(studentid) { 
    $.ajax({ 
     type: "POST", 
     dataType:'json', 
     url: base_path+"admission_inquiry/display_inquiry_meetings_byinquiryid_json", 
     data:({ 
      'inquiry_id':studentid 
     }), 
     beforeSend:function() { 
      overlay_ajax(); 
     }, 
     success:function(data) { 
      // here is your MySQL result named "data" 
      $("#area_token").tags({ }).autofill({ 
       data: data // and here you pass your data from AJAX 
      }); 
     }, 
     error:function(){ 
      alert('ajax call failed...'); 
     }, 
     complete: function(){ 
      $.unblockUI(); 
     }    
    }); 
}