[Résolu] Reloading page after successful form submission using AJAX and Javascript

[Auteur]

Publications

[Gavin]

Hello

Is it possible to use Javascript to do a page refresh upon successful Form submission?

I have implemented a simple LIKE and UNLIKE button on a post page which creates and deletes a CPT called 'Like'.

The LIKE button submits the form and I currently do not use AJAX and reload the page, using PHP to scroll back down to where the LIKE button was inserted in the page. This works, but is a little clunky.

The UNLIKE button uses the [cred-delete-post] shortcode:

[cred-delete-post action='delete' onsuccess='self' class='btn btn-primary btn-sm']Unlike[/cred-delete-post]

And this deletes the 'Like' CPT and reloads the page without scrolling, presumably using AJAX and Javascript - which is great!

I have tried setting the form (8139) to use AJAX and using the following JS in the view that displays the button.

jQuery('form#cred_form_8139_1_1').submit(function() {
window.location.reload();
});

Many Thanks

Gavin

[Christopher Amirian]

Hi,

May I know what you mean by page refresh? You mean the browser reloading the page? If so it will be still that clunky way that you have mentioned.

But it is possible to add a Javascript after the Ajax is complete. But I am not sure what you want to do after that is triggered.

In general you can use the jQuery AjaxComplete event on the page that contains the form and it will trigger after the Ajax completes the job.

Thanks.

[Gavin]

Thanks Christopher. Yes, a page reload.

When I use the Cred 'delete' post it doesn't seem to scroll down but simply reload and re-appear in the same position.

I will try using jQuery AjaxComplete and see if that works.

Gavin

[Christopher Amirian]

Hi Gavin,

Sure you can learn more about ajaxcomplete here:

lien caché

Thanks.

[Gavin]

Thanks Christopher.