[Résolu] jQuery after AJAX form submit

[Auteur]

Publications

[umbertoZ]

Hi, I need to use jQuery after AJAX form submit. I tried these snipets:

jQuery(document).ajaxComplete(function (event, xhr, settings) {
   
    if(settings.hasOwnProperty('extraData')){
        console.log('test1);
    }
     
});

jQuery( document ).ajaxComplete(function() { 
        console.log('test2);
});

jQuery(document).on('cred_form_ready', function(){
        console.log('test3);
});

None of them worked for me.

How can I run my on.click function after the form is submited with AJAX?

cheers

[umbertoZ]

I found the solution. I was loading the form inside [wpv-no-items-found]...[/wpv-no-items-found] shortcodes. These was breaking AJAX/JS. I put the form outside and now 'ajaxComplete' works fine.

cheers

[Minesh]

Hello. Thank you for contacting the Toolset support.

Well - here is a sandbox site and you can auto-login to it using the following link:
- lien caché

The following form is set to submit with AJAX:
=> lien caché

The form is added the following page:
- lien caché

As you can see there is a link "CLICK HERE" at top of the above test form page and if you click on this link it will show you alert with message "hi there" - that is added as given under with the above form:
=> => lien caché

<a href="#" id="anchor_click" onclick="javascript:alert('hi there');"> CLICK HERE </a>

I've added the following custom JS code to the form's custom JS editor that should run the click event automatically on form submit, so when you submit the form it should automatically show the alert "hi there":
=> => lien caché

jQuery( document ).ready(function($) {
  

  jQuery(document).ajaxComplete(function (event, xhr, settings) {
   
    if(settings.hasOwnProperty('extraData')){
        jQuery("#anchor_click").trigger('click');
    }
     
});
});

Now, when I submit the form and I see it does trigger the click event.
- lien caché

You can adjust the code as required.

[Minesh]

It seems we have cross-posted. You can mark this as resolved with different message.