オートコンプリートの問題：コンテンツが表示されない

Question

コンテンツが表示されないコンテンツは、下記のスクリーンショットに示すように、オートプレイリストです。

私はこの応答を取得しています。

[{ "EMP_NUMBER"：1、 "FNAME"： "アルスラーン"、 "LNAME"： "ハッサン"}、{ "EMP_NUMBER"：2、 "FNAME"： "Muneeb"、 "LNAME"： "fname"： "hr"、 "lname"： "user"}、{"emp_number"：4、 "fname"： "test"、 "lname"： "emp_number" 「} .......... ]は.......それはここより見やすくするために除去

私のJSコード：

$("#search-emp").autocomplete(
{ 
    source: function (request, response) 
    { 
     var form_data = { 
      ajax    : '1', 
      name    : $("#search-emp").val(), 
      actioncall   : 'search-emp' 
     }; 

     $.ajax({ 
      //contentType: "application/json", 
      type: "POST", 
      dataType: 'json', 
      url: "_ajax.php", 
      data: form_data, 
      success: function(data) 
      { 
       response(data); 
      } 
     }); 
    }, 
    minLength:3, 
    select:function(evt, ui) 
    { 
     alert(ui.item.emp_number); 
    } 
}); 

私が表示したいですfnameおよびlnameを選択してinputフィールドに選択します。

Answer 1

jQueryオートコンプリートには、labelとvalueの2つのフィールドが必要なため、問題です。 labelの内容がオートコンプリートに表示されます。

1. 変更、サーバーのようなJSONを返すように：あなたのサーバがキーに他の名前を返すので

   あなたは2つのオプションを持っている[{"emp_number":1,"fname":"Arslan","lname":"Hassan", "label":"Arslan Hassan", "value": "Arslan Hassan"},....]

2. それともから成功のコールバックに

   ajaxは、このフィールド（labelとvalue）を持つ配列を作成し、この配列をresponse()コールバックに渡します。

あなたはここで多くの情報を見つけることができます： ``応答（データ） `前http://api.jqueryui.com/autocomplete/#option-source