AJAX functionality examples for Advanced Forms Pro version 1.8.0

change-the-response-type-to-a-redirect.js

jQuery(function ($) {
    // Changing the response type to a redirect on the fly.
    acf.addAction('af/form/ajax/submission', function (data, form) {
        if (form.key === 'form_5f8f987654e0') {
            data.type = 'redirect';
            data.redirect_url = 'https://example.com';
        }
    });
});

change-the-success-message-using-js.js

jQuery(function ($) {
    // Changing the success message.
    acf.addAction('af/form/ajax/submission', function (data, form) {
        if (form.key === 'form_5f8f987654e0') {
            data.success_message = '<div style="background:green; color:white;">This is a new message!</div>'
        }
    });
});

enable-ajax-for-advanced-forms.php

<?php
advanced_form( 'form_5f8f987654e0', [ 'ajax' => true ]);

modify-ajax-response-via-php.php

<?php
add_filter( 'af/form/ajax/response', function ( $response, $form, $args ) {
	if ( $form['key'] === 'form_5f8f987654e0' ) {
		// If our 'star_rating' ACF field has a value less than 3, redirect
		// the user to another page.
		if ( af_get_field( 'star_rating' ) < 3 ) {
			$response['type'] = 'redirect';
			$response['redirect_url'] = 'https://example.com';
		}
	}

	return $response;
}, 10, 3 );

run-any-custom-js-on-ajax-submission.js

jQuery(function ($) {
    // Triggering any custom JavaScript.
    acf.addAction('af/form/ajax/submission', function (data, form) {
        if (form.key === 'form_5f8f987654e0') {
            // …add custom handler code here…
        }
    });
});