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表单提交】当用户修改任何表单字段时, 将使用Ajax按照与上述相同的规则自动发送表单数据。

    推荐阅读