設定AEM Adaptive Forms的非同步提交 asynchronous-submission-of-adaptive-forms

傳統上，網路表單會設定為同步提交。 在同步提交中，當使用者提交表單時，系統會將他們重新導向至認可頁面、感謝頁面，或在提交失敗的情況下重新導向至錯誤頁面。 不過，單頁應用程式等現代網頁體驗越來越受歡迎，這是因為網頁會維持靜態，而使用者端與伺服器之間的互動會在背景進行。 您可以設定非同步提交，透過Adaptive Forms提供此體驗。

在非同步提交中，當使用者提交表單時，表單開發人員會插入單獨的體驗，例如重新導向到其他表單或網站的單獨區段。 作者也可以外掛個別的服務，例如傳送資料至不同的資料存放區，或新增自訂分析引擎。 在非同步提交的情況下，最適化表單的行為就像單頁應用程式，因為當在伺服器上驗證提交的表單資料時，表單不會重新載入或其URL不會變更。

請閱讀下文，瞭解最適化Forms中非同步提交的詳細資訊。

設定非同步提交 configure

若要設定最適化表單的非同步提交：

非同步提交的運作方式 how-asynchronous-submission-works

Experience Manager Forms為表單提交提供現成可用的成功和錯誤處理常式。 處理常式是根據伺服器回應執行的用戶端函數。提交表單時，資料會傳送至伺服器進行驗證，伺服器會傳回回應給使用者端，其中包含提交成功或錯誤事件的相關資訊。 此資訊會以引數形式傳遞至相關處理常式，以執行函式。

此外，表單作者和開發人員可在表單層級撰寫規則以覆寫預設處理常式。 如需詳細資訊，請參閱使用規則覆寫預設處理常式。

讓我們先檢閱伺服器回應，以瞭解成功和錯誤事件。

提交成功事件的伺服器回應 server-response-for-submission-success-event

提交成功事件的伺服器回應結構如下：

{oneOf: [
{  properties : {
     contentType : {"type" : "string",  "enum" : ["xmlschema", "jsonschema"]},
    data : {type : "string", description : "Form data in XML or  JSON  format"},
   thankYouOption : {type : "string"}
   }},
  properties : {
     contentType : {"type" : "string",  "enum" : ["xmlschema", "jsonschema"]},
    data : {type : "string", description : "Form data in XML or  JSON  format"},
   thankYouContent: {type: "string"}
   }
]

}

如果表單提交成功，伺服器回應會包括：

成功處理常式會讀取伺服器回應，並據以重新導向至設定的頁面URL或顯示訊息。

提交錯誤事件的伺服器回應 server-response-for-submission-error-event

提交錯誤事件的伺服器回應結構如下：

{
   errorCausedBy : "<CAPTCHA_VALIDATION or SERVER_SIDE_VALIDATION>",

   errors : [
               { "somExpression" : "<SOM Expression>",
                 "errorMessage"  : "<Error Message>"
               },
               ...
             ]
 }

表單提交中發生錯誤時的伺服器回應包括：

錯誤處理常式會讀取伺服器回應，並在表單上顯示錯誤訊息。

使用規則覆寫預設處理常式 custom

表單開發人員和作者可以在表單層級撰寫規則以覆寫預設處理常式。 成功和錯誤事件的伺服器回應會公開於表單層級，開發人員可在規則中使用$event.data進行存取。

執行以下步驟來撰寫規則以處理成功和錯誤事件。