javascript - 如何在提交表单后显示 div 或 html 元素并从 Django 的 View 中检索一些信息

Question

当前，当用户在输入字段中引入字符串并单击提交按钮时，这将调用通过 return render(request, 'index.html', context) 返回的 View 。一个上下文
它基本上包含显示在表格中的数据。
我希望所述表格仅在提交表单之后可见，而不是在提交之前可见，并且当它可见时它会显示从 View 中获得的信息。
问题是，如果通过内联样式我使该表不可见，例如通过以下方式:

<div class="row" id="searchVariantTable" style="display: none;">
    <!-- SOME TABLE HERE-->
</div>

然后我使用 onsubmit表单事件或 onclick对于按钮，它不起作用。 (它部分起作用，我可以看到 tbody 但缺少 thead，所以基本上我无法显示从数据库中检索到的数据)。
同样，如果我尝试这样的事情:

$('document').ready(function() {
  $('#searchVariantTable').hide();
  $('form').submit(function(e) {
      $('#searchVariantTable').show();
      e.preventDefault();
  });
});

它也不起作用。
我认为最后一个选项，如果我没记错的话，是 AJAX，但我不太确定如何用 Django 做类似的事情(这是我第一次使用 Django)
我究竟做错了什么？有没有我缺少的选项？

Answer 1

您可以尝试在 Django 模板中使用 if else:

index.html
<form method="post">
<input type="submit">
</form>
{% if allowed == "yes" %}
<!-- your table code -->
{% endif %}


and in views.py
if request.method == "POST":
    return render(request, 'index.html',{'allowed':'yes'})

else:
    return render(request,'index.html',{'allowed':'no'})