Как отправить POST-запрос на сервер из Fetch API? Примеры не работают
Я не могу отправить пост-запрос на сервер. По какой-то причине reguest.POST на сервере пуст. Ниже приведены примеры кода
JS на передней панели
let weekends = []
await fetch('{% url "get_weekends" %}', {
method: 'POST', headers: new Headers({'Accept': 'application/json', 'Content-Type': 'application/json'}),
params: {after: after_str, before: before_str}
}).then(function (response) {
return response.json();
}).then(function (data) {
if (data['status'] === 'ok') {
weekends = data['weekends']
} else {
console.error(data)
show_error('Не удалось получить список ваших выходных! Ошибка в статусе!')
}
}).catch(function (e) {
console.error(e)
show_error('Не удалось получить список ваших выходных! Не удалось выполнить запрос!')
});
после_str и до_str сохраненные данные str (01.12.2021 и 31.12.2021)
Python на бэкенде
def get_weekends_view(request):
""" Вью возвращает список выходных пользователя в заданном промежутке времени """
form = GetAfterAndBeforeForm(request.POST)
if form.is_valid():
after, before = form.cleaned_data['after'], form.cleaned_data['before']
result = []
for weekend in Weekend.objects.filter(user=request.user, date__range=(after, before)):
result.append({'date': weekend.date.strftime('%d.%m.%Y'), 'status': weekend.get_status_display()})
return {'status': 'ok', 'weekends': result}
else:
return {'status': 'error', 'msg': 'Форма заполнена не верно! ' + str(request.POST)}
формы
class GetAfterAndBeforeForm(forms.Form):
after = forms.DateField()
before = forms.DateField()
Попробуйте это:
await fetch('{% url "get_weekends" %}', {
method: "POST",
headers: {
Accept: "application/json",
"Content-Type": "application/json",
},
params: JSON.stringify({ after: after_str, before: before_str }),
});