Jquery 자동 완성이 항상 작동하지 않는 경우

Question

이 코드를 autocompleteinput에 사용했습니다. 대부분의 경우 코드는 정상적으로 작동하지만 일부에서는 제대로 작동하지 않습니다. 그것은 iOS 사용자, Android 사용자, Windows 7, 8, 10 사용자, Chrome 및 Firefox과 관련이 있습니다.

AvailabeTags는 13500 목록을 포함합니다. 당신의 도움에 대한

감사)

$("#tags").autocomplete({ 
    minLength: 3, 
    delay: 100, 
    autoFocus: false, 
    source: function (request, response) { 
    var term = $.ui.autocomplete.escapeRegex(request.term) 
      , startsWithMatcher = new RegExp("^" + term, "i") 
      , startsWith = $.grep(availableTags, function(value) { 
       return startsWithMatcher.test(value.label || value.value || value); 
      }) 
      , containsMatcher = new RegExp(term, "i") 
      , contains = $.grep(availableTags, function (value) { 
       return $.inArray(value, startsWith) < 0 && 
        containsMatcher.test(value.label || value.value || value); 
      }); 

     response(startsWith.concat(contains)); 
    }, 
    focus: function(event, ui) { 
    $("#tags").val(ui.item.value); 
    return false; 
    }, 
    select: function(event, ui) { 
    $("#{/literal}{$plzid}{literal}").val(ui.item.plz); 
    $("#{/literal}{$blid}{literal}").val(ui.item.bl); 
    return false; 
    }      
    }); 

Answer 1

난 당신이 datas를 처리하기 위해 PHP를 사용하여 더 나은 생각이 입출력 필드에 표시 할

PHP 코드 :

search.php

<?php 
require 'config.php'; 
$key = $_GET["term"]; 
$query = "select * from students where name like '%$key%'"; 
$result = mysqli_query($con,$query); 
while($ser=mysqli_fetch_assoc($result)){ 
    $data[] = $ser["name"]; 
} 
echo json_encode($data); 
?> 

여기에 jquery 코드 :

<script> 
$(function(){ 
$("#name").autocomplete({ 
    source:'search.php' 
    }); 
}); 
</script> 
<input type="text" id="name"> 

참고 : 이런 일이 될 때 하지 말자는 JQuery와 UI 플러그인을