Loading Gravity Forms dynamically with ajax

Hi Jeroenlh,

Calling and initializing a Gravity Form via an AJAX request is a fairly niche use case for Gravity Forms so there isn't much documentation on the subject. However, a good place to start is the parse_shortcode() function in gravityforms.php. You can see how it pulls the attributes from the shortcode and then uses these attributes to retrieve the form for display. Most notable is the get_form() function:

[php]
self::get_form($id, $title, $description, false, $field_value_array, $ajax, $tabindex)

I can't say for sure what issues you will encounter with this approach but hopefully this will give you a decent start.

Good luck!

Hi All,

I actually attempted the same thing recently using self::get_form. The form is displayed, but appears as it would in the admin area with the field titles and options visible and the fields themselves disabled. I believe it's because the IS_ADMIN constant is true when an ajax request is fired from a logged in user ( I'm not sure about logged out users ).

In any event, I don't think it's quite possible yet. Anyone else had better luck?

So, I noticed that the action for the form submission was the same as my AJAX query that loaded the page - not good. I couldn't figure out why this was happening so I decided to just fix it. I looked back at past sites using GF and saw that the form action should just be directed at the slug. Within the loop of the AJAX page, I added this jQuery/PHP function:

<?php
	 $root = get_bloginfo('url');
	 $action = str_replace($root,'',get_permalink()); ?>
	 <script>
	 if ($('form').is('*')) {
	 $('form').get(0).setAttribute('action', '<?php echo $action ?>')
	 $('form').click(function(e) { e.stopPropagation();})};</script>

This simply gets the permalink, removes the root url, and, if there is a form, inserts it as the form action. I also had a weird issue where anchor tags on page would get activated my clicking on the form, really weird. The stopPropagation function disables that, phew!

It works.

I have a could things to do to it.

Hi,
I would also like to call and initialize a Gravity Form via an AJAX request. I only want to load the form and display it on the page/post when the user takes an action (e.g. clicking a link or button).

I also took at stab at this by using the standard WordPress ajax functionality, but the form loads like it does in the WP Admin area as you say. For example in my theme's functions.php file I:

A) Enqueued and localized the javascript.
B) Created the "ajax" function to load the form that will called by the javascript.

see http://pastebin.com/yUQEKa9k

and then
C) Created the appropriate javascript with the action trigger and ajax call to the form load function.

see http://pastebin.com/fLy4apnJ

Any help would be appreciated.

Thanks.

Paddleboot, could you please explain the below further?

After saving, you can fire an AJAX call (using WP's AJAX implementation) for this page's url (i.e. example.org/my-ajax-form/).

many thanks,
Andy