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