Ajax 表单提交

2024年8月29日 | 1 分钟阅读

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

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

在提交时发送表单数据

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

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

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

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

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