Ajax表单提交（Ajax Form Submit）

描述 (Description)

Framework7允许您使用以下两种方式使用Ajax自动发送数据 -

• 当用户提交表单或submit事件时，以编程方式触发表单。

• 当用户修改任何表单字段或以编程方式change表单上触发的事件时。

发送提交表单数据

要自动启用Ajax表单并单击“提交”发送表单数据，您需要将ajax-submit类添加到表单中。 用户提交表单后，Ajax将使用以下规则自动发送表单数据 -

• 表单数据将被发送到表单的action属性中提到的文件或URL。

• 请求方法将与表单的method属性中提到的类似。

• 内容类型与表单的enctype属性中提到的相同。 如果默认情况下没有提到，则为application/x-www-form-urlencoded 。

发送输入更改的表单数据

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

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

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

Ajax提交事件

要从发送数据的文件/ URL获取实际的XHR响应，您可以使用如下所示的特殊事件 -