Автозаполнение JQuery никогда не срабатывает - PullRequest
Новая
       20

Автозаполнение JQuery никогда не срабатывает

0 голосов
/ 03 мая 2018

У меня есть html-страница, где я пытаюсь связать поле ввода с функцией автозаполнения ajax. Проблема в том, что функция не вызывается ни для успеха, ни для неудачи.

Если я изменю «автозаполнение» на «нажатие клавиши», он вызывается, но это не то, что я ищу.

Вот эта страница: 

<!DOCTYPE html>
<html>
<head>
    <title></title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="~/Scripts/jquery-1.10.2.js"></script>
<script src="~/Scripts/jquery-ui.js"></script>
<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<link rel="stylesheet" href="~/Scripts/jquery-ui.css">
<script>
    $(document).ready(function () {
        $("#search-box").autocomplete(function () {
            $.ajax({
                type: "POST",
                url: "http://localhost:52139/odata/WEB_V_CIVIC_ADDRESS?",
                data: { enteredText: +$(this).val() },
                dataType: 'json',
                ContentType: "application/json, charset=UTF-8",
                success: function (data) {
                    $("#suggesstion-box").show();
                    $("#suggesstion-box").html(data);
                    $("#search-box").css("background", "#FFF");
                },
                error: function (data, xml, errorThrown)
                {
                    alert("here: " + errorThrown);
                }
            });
        });
    });
    //To select country name
    function selectCountry(val) {
        $("#search-box").val(val);
        $("#suggesstion-box").hide();
    }
</script>
</head>
<body>
<div class="frmSearch">
    <input type="text" id="search-box" placeholder="Country Name" 
autocomplete="on"/>
    <div id="suggesstion-box"></div>
</div>
</body>
</html>

Как я уже сказал, функция ajax никогда не срабатывает. Если я использую 'нажатие клавиш', оно срабатывает, но мне нужно, чтобы оно срабатывало для автозаполнения.

Есть идеи?

Спасибо.

1 Ответ

0 голосов
/ 03 мая 2018

Похоже, jquery-ui загружался неправильно. Спасибо j08691 за отзыв.

...