如何使用JQuery UI自動完成

Question

拜托，我需要一點幫助。 （我不是用戶體驗開發人員）我有一個學校Web“拼車”應用程序項目。 我嘗試使用jQuery自動完成功能來顯示出發和到達的地方。

我有使用Web服務的此功能（根據用戶的輸入返回地點的名稱和ID）

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

例如，如果用戶輸入字符串Paris，響應將為：[{“ placeId”：“ ChIJD7fiBh9u5kcRYJSMaMOCCwQ”，“ description”：“ Paris，France”}，{“ placeId”：“ ChIJPbgDXcoqrBIRf74-UUHi4z4”，“ description” ：“”法國的Parisot“}，{” placeId“：” ChIJPb3wuJFZ8kcREOAOszTOCQQ“，” description“：”Paris-l'Hôpital，France“}，{” placeId“：” ChIJ40p0EoXQ3UcRENJjgT7xCgQ“，” description“ -Plage，France“}，{” placeId“：” ChIJ18V5kFPd80cRU075_QZazHE“，” description“：” Paray-le-Monial，France“}]

我希望我的文本字段顯示來自自動功能請求的名稱。 任何幫助是極大的贊賞。

Answer 1

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