使用API自动完成

Thara 发表于 Dev

塔拉

我是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" />

Preethi

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

$(function(){
$("#sugg").autocomplete({
  source :function( request, response ) {
    $.ajax({
       url: "https://rkdemotask.herokuapp.com/Tasks",
       dataType: "json",
       data: {
          q: request.term
       },
       success: function( data ) {
           var user = new String()
           user = data.Title;
           for (i = 0; i < user.length; i++) {
                $('#select')
                    .append($('<option>', {value: user[i]})
                        .text(user[i]));
            }
       }
    });
   },

}）; }）;

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。