问题描述
我正在尝试使用 Django 和 htmx 使用 django-htmx 实现类似按钮,但我不知道如何将 id
作为参数传递给我的视图以保存相关项目。
# models.py
class Item(models.Model):
name = models.CharField()
like = models.BooleanField(null=True,default=None)
(简化的)表格显示如下项目:
id name like
-- ----- ----
1 Alpha None
2 Beta None
这个想法是通过点击例如在第一个“无”上,Django 应该将数据库中第一项的类似值更改为“True”,这应该反映在表中:
id name like
-- ----- ----
1 Alpha True
2 Beta None
表格是由这样的模板生成的:
<table>
{% for item in page_obj %}
<tr>
<td>{{ item.id }}</td>
<td>{{ item.name }}</td>
<td id="like-{{ item.id }}"
hx-headers='{"X-CSrftoken": "{{ csrf_token }}"}'
hx-post="{% url 'save-like' %}?id={{ item.id }}"
hx-target="#like-{{ item.id }}"
hx-swap="outerHTML">
{{ item.like }}
</td>
</tr>
{% endfor %}
</table>
点击“无”,就会请求以下函数:
#views.py
def save_like(request):
success = False
if request.method == 'POST':
item = Item.objects.filter(pk=request.POST['id']).first()
item.like == True
item.save()
success = True
if success:
return HttpResponse('<td>True</td>>')
else:
return HttpResponse("Error")
我的问题:request.POST
是空的,我不知道如何将 id
传递给函数。(我不明白这个参数是如何与 htmx 一起工作的:https://htmx.org/docs/#parameters )
有人给我提示吗?
解决方法
您已在 url 查询参数中将您的 ID 作为 ?id=1
发送,而不是在请求正文中。可以从 request.GET
item_id = request.GET.get('id')
如果您想在请求正文中发送 id,请添加一个隐藏的输入字段,并添加 hx-include="[name='id']"
以包含该字段
<td id="like-{{ item.id }}"
hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
hx-post="{% url 'save-like' %}"
hx-target="#like-{{ item.id }}"
hx-include="[name='id']"
hx-swap="outerHTML">
<input type="hidden" value="{{item.id}}" name="id">
{{ item.like }}
</td>
然后您可以从request.POST['id']