Framework7 - Ajax 表单提交

描述

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 响应，您可以使用特殊事件，如下所示 −

framework7_forms.html