我的网页由两部分组成,上半部分是一个允许用户输入数据的部分,而下半部分则以表格形式显示数据库中的所有数据。当用户选择上方的“添加”按钮时,数据将被保存到数据库中,并输出到网页底部的表格中。一旦我选择“添加”按钮,是否仍有显示表格的选项?现在代码正在做的是当“添加”按钮被选中时,它将加载一个新表单,但随后整个表将消失。我必须手动输入这个地址,然后只显示表。即使刷新页面也无法工作。下面是我的代码
视图。py:
def scholarship(request, id=None):
query_results = []
if request.method == "POST":
form = ScholarshipForm(request.POST)
if form.is_valid():
scholarship = form.save(commit=False)
scholarship.save()
else:
form = ScholarshipForm()
id = request.GET.get('scholarship')
query_results = Scholarship.objects.all()
data = {
'query_results':query_results,
'form': form
}
return render(request, 'hrfinance/add_remove_scholarship.html', data)
型号.py
class Application(models.Model):
studentID = models.CharField("Student ID", max_length=8, validators=[MinLengthValidator(8)], primary_key=True, default="")
studentName = models.CharField("Student Name", max_length=500, default="")
scholarship = models.TextField("Scholarship")
添加/删除奖学金.html
<div align="center" >
<form method="POST" onsubmit="return validation()" action="">
{% csrf_token %}
{{ form.errors }}
<p>Upload File: {{ form.doc }}</p>
<p>Faculty: {{ form.faculty }} </p>
<p>Opening date: <input id="odate" type="date" name="openDate"> </p>
<p>Closing date: {{ form.closeDate }} </p>
<input type="submit" name="AddScholarship" value="Add Scholarship" >
</form>
</div>
<br></br>
<button id="button" type="button">Delete Selected Scholarship</button>
<br></br>
{{query_results}}
<form method="POST" action="">
{% csrf_token %}
<table id="example" class="display" cellspacing="0" width="100%" border="1.5px">
<tr align="center">
<th> Scholarship </th>
<th> Faculty </th>
<th> Open Date </th>
<th> Close Date </th>
</tr>
{% for item in query_results %}
<tr align="center">
<td>{{item.doc}}</td>
<td>{{item.faculty}}</td>
<td>{{item.openDate}}</td>
<td>{{item.closeDate}}</td>
</tr>
{% endfor %}
</table>
</form>
您需要将查询移到
else
条件之外。不过,随着数据库中行数的增加,这种方法将花费大量时间。更好的方法是使用jquery Ajax方法更新数据库中的数据,并在数据库更新后使用javascript/Jquery动态显示数据。
最佳实践是使用Post/Redirect/Get模式。这也将解决您的问题:GET请求将清除表单并显示新的查询结果。
如果表单保存成功,只需返回指向当前页的重定向。然后浏览器将执行GET请求。这可以防止用户在仍然是POST请求时重新加载当前页时意外提交重复表单:
相关问题 更多 >
编程相关推荐