Powermail 12版本Ajax表单提交后执行JS的方法咨询

Powermail 12不再沿用旧版本基于jQuery的自定义事件submitted.powermail.form，而是改用原生DOM自定义事件来触发表单提交完成的通知，具体实现方式如下：

原生JavaScript写法（推荐） #

直接监听powermail:form:submitted事件即可，代码示例：

document.addEventListener('powermail:form:submitted', function(event) {
    console.log('表单已提交');
    // 此处添加你需要执行的业务逻辑
    // 如需获取表单相关数据，可通过event.detail获取，比如event.detail.formId
});

若项目仍依赖jQuery的兼容写法 #

如果你的项目还在使用jQuery，也可以通过监听DOM事件实现相同效果：

$(document).on('powermail:form:submitted', function(event) {
    console.log('表单已提交');
    // 同样可通过event.detail获取表单ID、提交数据等信息
});

补充说明 #

• 事件触发时机：表单通过Ajax成功提交并完成页面更新（如显示感谢提示）后，该事件会自动触发。
• event.detail中包含了表单ID、提交的表单数据等额外信息，可用于针对性处理不同表单的提交逻辑。

内容的提问来源于stack exchange，提问作者mawo