如何使用 Django 发布表单而不重新加载页面

Question

我正在开发一个应用程序，用户将在其中提交一个值，我想在提交时隐藏包含表单的 div 并显示一个包含结果的 div。目标是让他们提交表单并显示不同的隐藏 div。我在使用 Django 代码或 Javascript 时做错了什么？视图.pyfrom django.shortcuts import renderfrom .models import VintageMacfrom .forms import VintageMacFormdef home(request):    if request.method == "POST":        form = VintageMacForm(request.POST)        if form.is_valid():            form.save()            form = VintageMacForm()    else:        form = VintageMacForm()    return render(request, 'hmwypapp/index.html', {'form': form})网址.pyfrom django.urls import pathfrom . import viewsurlpatterns = [    path('', views.home, name='home'),]模型.pyfrom django.conf import settingsfrom django.db import modelsfrom django.utils import timezonefrom django import formsclass VintageMac(models.Model):    price = models.IntegerField()    def publish(self):        self.save()    def __str__(self):        return '%s' % (self.price)表格.pyfrom django import formsfrom .models import VintageMacclass VintageMacForm(forms.ModelForm):    class Meta:        model = VintageMac        fields = ('price',)

Answer 1

排队：

<button onclick="myFunction1()" class="mt-1 text-center form-control btn submit-btn">Submit <span>🤑</span></button>

删除onclick处理程序，添加type具有 value 的属性submit。

更新后的行应如下所示：

<button type="submit" class="mt-1 text-center form-control btn submit-btn">Submit <span>🤑</span></button>

并将选项对象中的url键更新$.ajax为/create_post/（来自form标签action属性）

Answer 2

1- 我认为您忘记关闭 javascript 标签，这就是它不起作用的原因。
2-将提交按钮更改为如下所示：

<input type="submit" class="mt-1 text-center form-control btn submit-btn" value="Submit"><span>🤑</span></div>

3-您也忘记在 ajax 中添加 csrf 令牌，它应该是这样的：

csrfmiddlewaretoken:$('input[name=csrfmiddlewaretoken]').val(),

干杯:)