Ajax表单提交

本文概述

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

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

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

发送表单数据提交

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

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

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

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

<form action = "send.html" method = "GET" class = "ajax-submit-onchange">
   ...
</form>

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