Gravity Forms Ajax提交如何获取成功响应触发自定义操作

不要使用原生form.submit()方法监听提交状态，该事件仅在提交动作发起时触发，此时请求还未发送到服务端，无法感知最终提交是否成功。Gravity Forms内置了专属JavaScript事件钩子，可以精准捕获Ajax提交全流程的不同状态。

实现自定义成功提示的核心方法 #

绑定官方原生支持的gform_confirmation_loaded事件即可，该事件触发条件为：

• 表单Ajax请求发送完成
• 服务端返回提交成功状态、通过所有校验
• Gravity Forms内置的确认内容渲染完成
  完全匹配你需要触发自定义逻辑的时机。

代码示例：

jQuery(document).on('gform_confirmation_loaded', function (event, formId) {
    // 仅匹配短代码中id=2的目标表单，避免影响站点内其他表单
    if (formId !== 2) return;

    // 执行自定义逻辑：显示页面中预先隐藏的成功提示区块
    jQuery('.your-hidden-success-block').fadeIn();

    // 可选：隐藏Gravity Forms默认输出的成功提示内容
    // jQuery('#gform_confirmation_wrapper_' + formId).hide();
});

注意事项 #

• 上述JS代码需要在jQuery和Gravity Forms前端脚本加载完成后执行，建议放置在页面底部，或包裹在jQuery(document).ready()回调中
• 回调返回的formId参数为数字类型，判断时注意和目标表单ID匹配
• 若站点开启了JS合并/延迟加载缓存策略，需确认该段代码不会被延迟到Gravity Forms脚本执行后加载，导致事件绑定失效

优化方案（可选） #

如果完全不需要使用表单后台配置的默认成功消息，不建议通过JS隐藏默认内容，可以通过WordPress钩子直接清空对应表单的默认确认输出，减少不必要的DOM渲染。将以下代码加入当前主题的functions.php文件即可：

// 清空ID为2的表单的默认确认内容，配合自定义提示使用
add_filter('gform_confirmation_content_2', '__return_empty_string');

扩展：失败状态监听 #

如果需要同时捕获提交失败（表单校验不通过、服务端报错）的场景，可以绑定gform_validation_error事件，该事件在提交失败、错误信息渲染完成后触发，用法与成功事件一致。

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