使用API​​自动完成

时间:2017-06-14 10:14:27

标签: jquery

我是API新手...我正在努力解决自动完成问题...我无法从链接中获取项目以获取建议。 这是我的jquery:

$(function(){
    $("#sugg").autocomplete({
      source :function( request, response ) {
        $.ajax({
           url: "https://rkdemotask.herokuapp.com/Tasks",
           dataType: "json",
           data: {
              q: request.term
           },
           success: function( data ) {
               response($.map(data, function(item) {
                     return {
                         Id:item.Id,
                         label : item.Title,
                         value : item.Status
                     };
               }));
           }
        });
       },
       select: function (event, ui) {
             $("#sugg").val(ui.item.Id)
             $("#name").val(ui.item.Title);
             $("#value").val(ui.item.Status);
             return false;
       }
   });
});

https://rkdemotask.herokuapp.com/Tasks包含

[{"Id":"1","Title":"fastrack_2000","Status":"./../assets/img2.jpg"},{"Id":"2","Title":"chota beam_670","Status":"./../assets/img1.jpg"},{"Id":"5","Title":"Fastrack_1200 ","Status":"./../assets/img5.jpg"},{"Id":"4","Title":"Titan_2000","Status":"./../assets/img4.jpg"}]

我的文本框

<input type="text" id="sugg" />
<input type="text" id="name" />
<input type="text" id="value" />

1 个答案:

答案 0 :(得分:2)

使用选择标记或列表输入类型进行自动填充,并且需要通过其ID将值附加到相应的选择标记。

rpc error: code = Unimplemented desc = unknown service Vault

}); });