【2.0】基础串联之提交数据问题

【一】form表单和Ajax重复提交问题

• form表单中input的submit类型和buton按钮都会触发两次提交(有Ajax请求的情况)
• input中的button类型不会

重复提交问题

• input的submit类型：

  • 当点击input类型为submit的按钮时，会触发表单的默认提交行为，同时也会执行相应的JavaScript代码。

  • 如果该JavaScript代码包含发送Ajax请求的操作，那么就会发起两次请求，导致重复提交的问题。

• button类型：

  • 相比之下，使用button类型的按钮在默认情况下不会触发表单的提交行为。
  • 因此，点击这种按钮并不会导致表单重复提交的问题。
  • 你可以在JavaScript代码中监听按钮的点击事件，并在事件处理函数中执行相应的Ajax请求。

解决办法

• 使用button类型的按钮：

  • 将提交按钮的类型改为button而不是submit，以防止默认的表单提交行为。

• 在JavaScript代码中手动发送Ajax请求：

  • 通过监听按钮的点击事件，在事件处理函数中使用JavaScript代码来发送Ajax请求，而不是依赖于表单的默认提交行为。

• 添加适当的验证和防护机制：

  • 在客户端和服务器端都添加必要的验证和防护措施，以确保每个请求的有效性和幂等性。
  • 例如，在服务器端进行重复提交的检测，或者使用一次性的token来确保每个请求的唯一性。

【二】QueryDict对象

from django.http.request import QueryDict

• 本质上是一个字典，但是比字典强大
• 不能修改值，修改值就会报错

QueryDict对象是Django框架中的一个数据结构，用于处理HTTP请求中的查询参数。虽然它在本质上是一个字典（或类字典）对象，但相比于普通字典，它具有更强大的功能和特性。

一般来说，QueryDict对象用于存储URL查询字符串或表单数据，以便进行快速、方便的访问和处理。它可以容纳相同的键对应多个值，同时还支持一些额外的方法来处理这些值。

然而，与普通字典不同的是，QueryDict对象是不可变的。这意味着不能通过直接修改QueryDict对象的方式来改变其中的值。如果尝试修改值，将会引发错误。这是为了确保在处理查询参数时不会出现意外的副作用。

一种修改QueryDict对象的常见方式是通过调用其提供的方法来实现。例如，可以使用.setlist()方法设置一个键的多个值，.appendlist()方法添加一个值到一个键的已有值列表中，或者使用.update()方法从另一个字典或QueryDict对象更新自身的值。

总结起来，QueryDict对象是Django框架为了方便地处理HTTP请求中的查询参数而提供的一种数据结构。它强大而且灵活，能够满足多种查询参数处理的需求。尽管不能直接修改其值，但可以通过方法来实现值的变更和更新。