Сценарий возвращает данные пустого списка с ответом 200, получая данные из бэкенда django
Я работаю над приложением автозаполнения, которое я хочу, чтобы пользователи могли осуществлять поиск адресов через бэкенд Django, но почему-то Api не получает данные через скрипт, почему полезная нагрузка не показывает никаких данных в консоли журнала, а скорее пустой список? Я пробовал вызывать данные из браузера, как в примере http://127.0.0.1:8000/search/?address=val, который получает ответ json данных с полезной нагрузкой данных адресов, которые соответствуют моему поиску, но когда я передаю url в моем javescript он возвращает пустой список данных с ответом 200. Мой опыт в Js посредственный, так как я новичок.
<script>
new Autocomplete('#autocomplete',{
search : input => {
console.log(input)
const url = "/search/?address=${input}"
return new Promise(resolve => {
fetch(url)
.then( (response) => response.json())
.then( data => {
console.log(data)
resolve(data.data)
})
})
},
onSubmit : result => {
console.log(result)
window.open('/search/?address=${result}')
}
})
</script>
вот моя поисковая строка Html
<h4>Seacrh for places</h4>
<div id="autocomplete" class="autocomplete">
<input class="autocomplete-input"/>
<ul class="autocomplete-result-list"></ul>
</div>
Мой взгляд на поиск
def search_address(request):
address = request.GET.get('address')
playload = []
if address:
fake_address_objs = Address.objects.filter(address__icontains=address)
for fake_address_obj in fake_address_objs:
playload.append(fake_address_obj.address)
return JsonResponse({'status':200 , 'data': playload })
Вернули пустые данные в консольный журнал
Возврат данных в браузер с помощью http://127.0.0.1:8000/search/?address=v