這是ajax代碼
$('.addtasksubmit').click(function(e) {
e.preventDefault();
$.ajax({
url: 'addtodo',
type: "POST",
data: {
title: $('#task-title').val(),
category: $('#catsel option:selected').val(),
'csrfmiddlewaretoken':$('input[name=csrfmiddlewaretoken]').val()
},
success: function(response) {
console.log(response)
$('.todos-box').append(`
<a href="#" class="category-link">${response.category}</a>
`)
$("#addtodo").trigger('reset');
$("#exampleModal").modal('hide');
}
})
})
所以${response.category} 給了我類別的ID，但我需要查看類別名稱
這是views.py
response = {
'title': request.POST['title'],
'category' : request.POST['category'],
}
todo = Todo.objects.create(title=response['title'],
category=Category.objects.get(id=response['category']),
user=request.user)
todo.save()
return JsonResponse(response, safe=False)
這是 HTML
<select name="category" class="form-select form-select-sm" id="catsel">
<option seleted>Choose Category</option>
{% for category in categories %}
<option value="{{ category.id }}">{{ category }}</option>
{% endfor %}
</select>
有沒有辦法用ajax而不是id來查看類別名稱？或者我怎樣才能獲得帶有 id 的類別的名稱。
對不起，我的英語不好..
uj5u.com熱心網友回復：
所以我在嘗試了 5 天后解決了這個問題。
將此添加到視圖中
response['category']=Category.objects.filter(id=category)
.values('name').first()
data = json.dumps(response)
return HttpResponse(data)
和阿賈克斯
<div class="category-list flex-1">
<a href="#" class="category-link">${response['category'].name}</a>
</div>
并且還添加了dataType: 'json'
uj5u.com熱心網友回復：
使用模板中的類別獲取 HTML 選擇輸入會很有幫助。根據您發布的內容，請將views.py調整為
todo = Todo.objects.create(title=response['title'],
category = Category.objects.get(id=response['category']),
user=request.user)
todo.save()
response = {
'title': request.POST['title'],
'category' : category.name,
}
return JsonResponse(response, safe=False)
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/449427.html