JQuery Multiple Автозаполнение с C #

Question

Я реализую множественное автозаполнение, используя jQuery UI.Также я использую веб-сервис для передачи значений.Я проверяю демонстрацию пользовательского интерфейса jQuery на наличие нескольких автозаполнений, используя один и тот же код, и он работает до первого автозаполнения и добавляет «,» в конце.

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

Вот мой код

<script type="text/javascript">
    $(function () {

        function split(val) {
            return val.split(/,\s*/);
        }
        function extractLast(term) {
            return split(term).pop();
        }

        $(".tb")

        // don't navigate away from the field on tab when selecting an item
        .bind("keydown", function (event) {
            if (event.keyCode === $.ui.keyCode.TAB &&
                    $(this).data("autocomplete").menu.active) {
                event.preventDefault();
            }
        })

        .autocomplete({

            source: function (request, response) {
                $.ajax({
                    url: "EmployeeList.asmx/FetchEmailList",
                    data: "{ 'mail': '" + request.term + "' }",
                    dataType: "json",
                    type: "POST",
                    contentType: "application/json; charset=utf-8",
                    dataFilter: function (data) { return data; },
                    success: function (data) {
                        //term: extractLast(request.term),
                        response($.map(data.d, function (item) {
                            return {
                                value: item.Email
                            }
                        }))
                    },

                    error: function (XMLHttpRequest, textStatus, errorThrown) {
                        alert(textStatus);
                    }
                });
            },

            search: function () {
                // custom minLength
                var term = extractLast(this.value);
                alert(term);
                if (term.length < 2) {
                    return false;
                }
            },
            focus: function () {
                // prevent value inserted on focus
                return false;
            },
            select: function (event, ui) {
                var terms = split(this.value);
                alert(terms);
                // remove the current input
                terms.pop();
                // add the selected item
                terms.push(ui.item.value);
                // add placeholder to get the comma-and-space at the end
                terms.push("");
                this.value = terms.join(", ");
                return false;
            } //,

            //minLength: 2
        });
    });
</script>

Вот код, который мне не хватает в демонстрационной версии jQuery UI

.autocomplete({
            source: function( request, response ) {
                $.getJSON( "search.php", {
                    term: extractLast( request.term )
                }, response );
            },

Я не знаюне знаю, куда добавить этот код: term: extractLast (request.term) вот ссылка на весь код ссылка на демонстрационный код

Answer 1

заменить

data: "{ 'mail': '" + request.term + "' }"

на

 data: "{ 'mail': '" + extractLast(request.term) + "' }"

это должно работать, но мне не очень нравится, как вы кодируете JSON, могут возникнуть проблемы с кавычками и т. Д.