twitter-bootstrap - 需要有关使用 ajax 源的引导式字体多选的帮助？

Question

我想使用 bootstrap Typehead 进行自动填充，但我很困惑，我在 JS 下面使用这个可以帮助任何人。我的要求是：用户使用 typehead 填写的内容应该进入 textarea ($myTextarea) 。

我想将选定的值放入文本区域。

$(document).ready(function() {
$('input.typeahead').typeahead({
source: function (query, process) {
$.ajax({
url: '/test/typehead/data.php',
type: 'POST',
dataType: 'JSON',
data: 'query=' + query,
success: function(data) {
console.log(data);
process(data);

}
});
}

});
updater: function(item) {
    $myTextarea.append(item, ' ');
    return '';
}
});  

谢谢，阿肖克

Answer 1

已解决....一些语法错误

    $(document).ready(function() {
    var $myTextarea = $('#myTextarea');
$('input.typeahead').typeahead({
source: function (query, process) {
$.ajax({
url: '/test/typehead/data.php',
type: 'POST',
dataType: 'JSON',
data: 'query=' + query,
success: function(data) {
console.log(data);
process(data);

}
});
},
updater: function(item) {
$myTextarea.append(item, ' ');
return '';
}

});
});

Answer 2

jQuery(function ($) {
            $('.typeahead').typeahead({
                source: function (query, process) {

                    return $.ajax({
                        type: "POST",
                        contentType: "application/json; charset=utf-8",
                        url: "url",
                        data: '{ "query": "' + query + '"}',
                        dataType: "json",
                        success: function (data) {
                            //use data.d in case of asp.net
                            return process(data);
                        },
                        failure: function (response) {
                            alert("Failure");
                        },
                        error: function (jqXHR, textStatus, errorThrown) {
                            alert("There seems to be an error");
                        }
                    });
                },
              updater: function(item) {
              $myTextarea.append(item, ' ');
               return item;
             }
            });
        });

这应该对您有所帮助，进一步阅读请阅读此 干杯！！！