📌  相关文章
📜  Ajax表单提交

📅  最后修改于: 2021-01-02 05:59:20             🧑  作者: Mango

Ajax表单提交

Framework7提供了两种使用Ajax自动发送数据的方法。

  • 用户提交表单或提交事件时,将以编程方式在表单上触发。
  • 当用户以编程方式修改任何表单字段或更改在表单上触发的事件时。

发送表单数据提交

如果要启用Ajax表单并在单击自动提交时发送表单数据,则将ajax-submit类添加到表单中。当用户提交表单时,Ajax将使用以下规则自动发送表单数据:

  • 表单数据将发送到文件或表单的action属性中提到的URL。
  • 请求方法将与表单的method属性中提到的类似。
  • 内容类型将与表单的enctype属性中提到的相同。如果默认情况下未提及,则为application / x-www-form-urlencoded。

在输入更改时发送表单数据

当用户使用ajax-submit-onchange类在表单字段中进行任何更改时,我们可以提交表单数据,如下所示:

...

当用户修改任何表单字段时,将使用Ajax按照与上述相同的规则自动发送表单数据。