автозаполнение из апи отдыха

Question

Я использую функцию автозаполнения для автоматического suggetion и я использую остальные апите URL в качестве источника данных, но это предлагая все метки, например, если я введу I поэтому он должен показывать только то, что этикетки, которые содержат I, но она отображает все метки, даже когда я печатаю любое ключевое слово, он показывает все метки здесь мой ввод текста

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

вот мой Java-скрипт и JQuery

$(function(){ 
$("#name").autocomplete({ 
source:"http://localhost:8080/JsonRestfull/countries", 
dataType: "json", 
select: function (event, ui) { 
$("#name").val(ui.item.label); 
$("#value").val(ui.item.value); 
return false; 
} 
}); 
}); 

и http://localhost:8080/JsonRestfull/countries содержат следующие данные

[{"label":"IND","value":"India"},{"label":"CHN","value":"China"},{"label":"NEP","value":"Nepal"},{"label":"BHU","value":"Bhutan"}] 

Answer 1

Я думаю, вам нужно что-то вроде этого:

$(function(){ 
$.getJSON("http://localhost:8080/JsonRestfull/countries", function(data) { 
    $("#name").autocomplete({ 
    source: data  
     }); 
    }); 
}); 

Я надеюсь, это поможет.

Answer 2

Вам необходимо использовать вызов ajax.

$(function(){ 
    $("#name").autocomplete({ 
     source :function(request, response) { 
     $.ajax({ 
      url: "http://localhost:8080/JsonRestfull/countries", 
      dataType: "json", 
      data: { 
       q: request.term 
      }, 
      success: function(data) { 
       response($.map(data, function(item) { 
        return { 
         label : item.label, 
         value : item.value 
        }; 
       })); 
      } 
     }); 
     }, 
     select: function (event, ui) { 
      $("#name").val(ui.item.label); 
      $("#value").val(ui.item.value); 
      return false; 
     } 
    }); 
});