JQueryオートコンプリート：オートコンプリートから選択した項目の詳細を集めるためにajaxコールを作成する

Question

私がしようとしているのは、オートコンプリートの結果をユーザーが選択すると、ajaxコールがphpファイルに対して行われ、選択された項目、次に応答内にある詳細がテキストエリアボックスに表示されます。

$(document).ready(function() { 
    $("#bookSearch").autocomplete({ 
     source: "getBooks.php", 
     minLength: 3, 
     select: function() { 
      $.ajax({ 
       method: "get", 
       url: "getBooks2.php" 
      }) 
      .done(function(event, ui){ 
       $('#bookResults').val(ui.item.value + "\n"); 
      }) 
     } 
    }); 
}); 

これは現在のところ私のjavascriptです。エラーが発生しました

"$（ '＃bookResults'）val（ui.item.value +" \ n "）;"を参照してプロパティの値 'undefinedを読み取れません。

オートコンプリート機能にajax呼び出しを実装するにはどうすればよいですか？データ -

<div id="autoComplete"> 
    <h2 id="searchTitle">Book search</h2> 
    <input type="text" id="bookSearch" placeholder="Type in a book name"/> 
    <br> 
    <textarea rows="10" cols="40" id="bookResults" readonly></textarea> 
</div> 

Answer 1

the documentationにAcccording、コールバック関数（done()）は唯一つのパラメータを有しています。これによると、

.done(function(event, ui) { 

が、私は解決策を見つけるために管理しているいくつかの工夫の後

.done(function(ui) { 

Answer 2

に置き換えてください：

$(document).ready(function() { 
    $("#bookSearch").autocomplete({ 
     source: "getBooks.php", 
     minLength: 3, 
     select: function(event, ui) { 
      $.ajax({ 
       method: "get", 
       url: "getBooks2.php", 
       data: {bookTitle: ui.item.value} 
      }) 
       .done(function(data) { 
        $('#bookResults').val(data); 
       }) 
     } 
    }); 
});