Я создаю приложение с материализацией css. Материализация css имеет функцию автозаполнения js. Вы можете передать данные в автозаполнение. У меня также есть бэкэнд python flask, который возвращает словарь python в форме JSON. Javascript получает его на передней панели и анализирует данные JSON. Мне было интересно, можно ли добавить данные JSON в готовый автозаполнение. Вот мой код:
<script>
//parse json data
var datas = JSON.parse('{{ data | tojson | safe}}');
console.log(datas)
console.log(datas['Nick'])
$('input.autocomplete').autocomplete({
data: {
'Apple': null,
datas: null
}
});
</script>
Моя консоль выглядит так, поэтому я знаю, что у меня есть полезный словарь python:
{Nick: "null", User: "null"}
Nick: "null"
User: "null"
__proto__: Object
null
Я попытался использовать мои данные напрямую, передав их через поле данных вместо данных: но мне не повезло. Я хотел бы использовать данные JSON в поле данных автозаполнения, как бы это сделать? Спасибо!
Чтобы добавить свои объекты, вы можете сделать что-то вроде:
<script>
var datas = JSON.parse('{{ data | tojson | safe}}');
var newData = $.extend({'Apple':null}, datas);
$('input.autocomplete').autocomplete({
data: newData
});
</script>