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