Я хочу создать текстовый ввод с автозаполнением, с данными, заполненными из моей БД.Загрузка данных автозаполнения с удаленного URL с помощью bootstrap-tagsinput
Я пытался заставить bootstrap-tagsinput работать без успеха. Заполнение данных из статического json-файла отлично работает. Мой сервер теперь возвращать (постоянный результат, независимо от запроса):
[{"text":"Amsterdam","value":0},{"text":"A Coruna","value":1},{"text":"New York","value":2}]
Когда я пытаюсь следующий код, обработчик выполняется. Я вижу GET петиции в журналах сервера, когда я печатаю в поле ввода, но функция автозаполнения не отображается.
Я попытался добавить дополнительный параметр функции в get
, чтобы всплывать окно предупреждения, когда запрос был окончен, но ничего не происходит. Я попытался привязать второй параметр к process
, а затем называть его «обрабатывать данные», но, очевидно, это тоже не помогло.
Любые идеи?
(Я использую bootstrap-tagsinput 0.4.2 и jquery 2.1.4).
<html>
<head>
<title>Bootstrap Tags Input</title>
<meta name="robots" content="index, follow" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="bootstrap.css">
<link rel="stylesheet" href="bootstrap-tagsinput.css">
</head>
<body>
<input type="text" value="" data-role="tagsinput" />
<script src="jquery.min.js"></script>
<script src="bootstrap.min.js"></script>
<script src="bootstrap-tagsinput.min.js"></script>
<script>
$('input').tagsinput({
itemValue: 'value'
, itemText: 'text'
, typeahead: {
source: function(query) {
return $.getJSON('http://localhost:3000/transactions/categories/' + query);
}
}
, freeInput: false
});
</script>
</body>
</html>
Ожидается совпадение для свойства запроса '' text "или' "value" '? – guest271314