2017-01-13 16 views
0

JavaScriptの助けを借りて入力フィールドにタグを作成しようとしており、データベースからの提案の自動補完をユーザーに提案しようとしています。MySQLのクエリ結果をJavaScript関数に渡す

単純なJavaScriptでタグを作成できますが、作成済みのタグを取得できず、自動補完のためのJavaScript関数で渡すことができません。

入力フィールド

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

JavaScriptの機能

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

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

ここで私が何をしたいデータベースを照会し、そのオートフィル機能のデータにそれを渡すために渡すことです。

は私が

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

は、私がここで間違って何をやっているデータベースからデータを取得するためのAJAX機能を書かれているか、どのように私はそれを達成することができますか?

+1

が必要あなたの '#area_token'フィールド? –

+0

@DavidR関数を追加しました。 –

+0

'.tags()'、 '.autofill()'、 '$ .unblockUI()'とは何ですか?これは[jQuery UI autocomplete](https://jqueryui.com/autocomplete/)のようには見えませんか? –

答えて

0

あなたのAJAX要求の背後にある関数がOKであれば、あなただけがあなたの `MySQL`問合せブロックであなたの質問を更新してくださいすることができ、どのようにあなたがそれをバインドしようとしているこの「変更」

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(); 
     }    
    }); 
} 
関連する問題