JQuery UIオートコンプリートの使い方

Question

少し助けてください。 （私はユーザーエクスペリエンスデベロッパーではありません） 私は学校のWeb "carpooling"アプリケーションプロジェクトを持っています。 jqueryオートコンプリートを使用して、出発と到着の場所を表示しようとしています。ユーザーが文字列パリに入った場合

私が持っているが、この機能はexempleため

auto=function(){ 
 
\t var query=document.getElementsByTagName('input')[0].value; 
 
    \t var u = "http://covoiturage.hhacherouf.info/trips/autocomplete-place"+"?query="+query; 
 
\t $.ajax({ 
 
    url: u, 
 
    contentType: "application/json", 
 
    method: "GET", 
 
\t }) 
 
\t .done(function(data) { 
 
    console.log(data); 
 
\t localStorage.setItem("placeId",data.placeId); 
 
\t localStorage.setItem("description",data.description); 
 
\t }); 
 
}

（ユーザの入力に応じて場所の名前とIDを返します）Webサービスを使用しています、応答は次のようになります [{ "placeId"： "ChIJD7fiBh9u5kcRYJSMaMOCCwQ"、 "説明"： "パリ、フランス" }、{ "placeId"： "ChIJPbgDXcoqrBIRf74-UUHi4z4"、 "説明"： "Parisot、フランス" }、{ "placeId"： "ChIJPb3wuJFZ8kcREOAOszTOCQQ"、 "説明"： "パリl'Hôpital、フランス" }、{ "placeId"： "ChIJ40p0EoXQ3UcRENJjgT7xCgQ"、 "説明"： "ル・トゥケ - パリ - プラージュ、フランス" }、{ "placeId"： "ChIJ18V5kFPd80cRU075_QZazHE"、 "説明"： "パレールモニアル、フランス" }]

I私のテキストフィールドの表示名を自動関数要求から欲しい。 何か助けていただければ幸いです。

Answer 1

$(function(){ 
 
\t $(document).ready(function() { 
 
    \t var u = "auto()"; 
 
\t \t $('#departure').autocomplete({ 
 
\t \t \t source: function(request,response){ 
 
\t \t \t \t $.ajax({ 
 
\t \t \t \t \t url:u, 
 
\t \t \t \t \t datatype:json, 
 
\t \t \t \t \t data:{q:request.term}, 
 
\t \t \t \t \t sucess:function(data){ 
 
\t \t \t \t \t \t response(data); 
 
\t \t \t \t \t } 
 
\t \t \t \t }); 
 
\t \t \t }, 
 
\t \t \t minLength:1, 
 
\t \t \t select:function(event,ui){ 
 
\t \t \t \t alert("selection:"+ ui.item.label); 
 
\t \t \t } 
 
\t \t }); 
 
    }); 
 
});