Как установить плагин автозаполнения?

Question

У меня есть этот код, и я хочу получать данные с другого сервера в формате jsonp. Но автозаполнение не показывает никаких предложений или ошибок? Вот плагины страница https://goodies.pixabay.com/jquery/auto-complete/demo.html и мой код

$(function(){ 
    $('#hero-demo').autoComplete({ 
     source: function(term, response){ 
      $.getJSON('http://178.62.17.188/players/jQueryCallback/ro', { q: term   }, function(data){ response(data); }); 
     }, 
     dataType: "jsonp" 
    }); 
}); 

Answer 1

мне нужно предоставить больше возможностей это было не так просто. Теперь это работает как шарм.

var xhr; 
jQuery('.tableRow:last-child .tableTd').first().find('input').autoComplete({ 
    minChars: 2, 
    jsonp: "callback", 
    dataType: "jsonp", 
    source: function(term, response){ 
      jQuery.ajax({ 
        url: "http://api.someurl.com/players", 
        jsonp: "callback", 
        dataType: "jsonp", 
        data: {q: term, format: "json"}, 
        success: function(data){response(data);} 
     }); 
    }, 
    renderItem: function (item, search){ 
      // escape special characters 
      if(!item.commonName == ""){ 
      return '<div class="autocomplete-suggestion" data-rating="'+ item.rating +'" data-cname="'+ item.commonName +'" data-val="'+search+'">'+ item.commonName + ' ('+ item.rating + ')' + '</div>'; 
      }else{ 
      return '<div class="autocomplete-suggestion" data-rating="'+ item.rating +'" data-fname="'+item.firstName+'" data-lname="'+item.lastName+'" data-val="'+search+'">'+ item.firstName + ' ' + item.lastName + ' ('+ item.rating + ')' + '</div>'; 
       } 
     }, 
    onSelect: function(e, term, item){ 
     if(!item.data('cname') == ""){ 
      jQuery('.tableRow:last-child .tableTd').first().find('input').val(item.data('cname')); 
     }else{ 
      jQuery('.tableRow:last-child .tableTd').first().find('input').val(item.data('fname') + ' ' + item.data('lname')); 
     } 
     jQuery('.tableRow:last-child .tableTd').first().next().find('input').val(item.data('rating')); 
    } 
}); 

Answer 2

Fetch проблемы данных:

Blocked загрузка смешанного активного содержимого "http://178.62.17.188/players/jQueryCallback/ro?q=t"

Mixed Content

Test fiddle (консоль)

$('#hero-demo').autoComplete({ 
    minChars: 1, 
    source: function(term, response){ 
      $.getJSON('http://178.62.17.188/players/jQueryCallback/ro', { q: term   }, function(data){ 
       response(data); }); 
     }, 
    dataType: "jsonp" 
}); 

Edit 1:

Лучшая стратегия, чтобы избежать содержания блокировки смешанной, чтобы служить все содержимое как HTTPS вместо HTTP.

Для своего домена, обслуживайте весь контент как HTTPS и исправляйте свои ссылки. Часто HTTPS-версия содержимого уже существует, и это просто требует добавления «s» к ссылкам - http: // в https: //.

Для других доменов используйте HTTPS-версию сайта, если таковая имеется. Если HTTPS недоступен, вы можете попробовать связаться с доменом и спросить их, если они могут сделать контент доступным через HTTPS.

использование https://178.62.17.188/players/jQueryCallback/ro?jQueryCallback=? вместо http://178.62.17.188/players/jQueryCallback/ro