页面加载时Jquery UI自动完成加载

时间:2012-09-27 10:21:48

标签: jquery jquery-ui autocomplete

我正在尝试在页面加载时加载自动完成数据,现在当我在输入中键入一些字母时它正在执行getJson,并且由于json数据的大小,它正在冻结。所以我希望在页面加载时触发自动完成json请求,并拥有数据,所以当我开始输入它时不会冻结。干杯!

    <script>
$(function() {

  $.getJSON("airports.php", function(data) {

            $( "#cityAirport" ).autocomplete({
                source: data
            });
        });
});
</script>

我的Exatc问题是,现在当我开始输入内容时,当getJson被解雇时,网站会冻结一秒钟(2-3)......

1 个答案:

答案 0 :(得分:1)

我会从中回答这个问题而不是评论。您可以限制它,并使用minLength仅在键入超过*个字符时获取数据。

$.getJSON("airports.php", function(data) 
{
    $( "#cityAirport" ).autocomplete(
    {
        source: data,
        max: 10, // Limit the autocomplete options that will show
        minLength: 3 // Will only autocomplete when there are 3 or more letters
    });
});

如果这不能解决问题,可能会尝试首先获取较少的结果。