Pergunta

Gostaria de saber se você pode tentar ajudar.

Tenho um formulário de cadastro no WordPress que está sendo postado em um banco de dados de usuários.Também preciso passar as mesmas informações do formulário para um webhook (Zapier).

Entendo que você não pode ter duas ações de formulário para um formulário, mas o ideal é encontrar a melhor maneira de enviar os dois conjuntos de informações;um para o banco de dados e outro para o link do webhook.

Um exemplo do meu código postado em meu banco de dados.Eu preciso disso para postar também

https://zapier.com/examplehook/

<form name="register_form" id="register_form<?php $template->the_instance(); ?>" action="$template->the_action_url( 'save-register' ); ?>" method="post”>

Eu estava pensando em possivelmente usar um evento onclick para executar uma função javascript que também executa uma ação simultânea de formulário.Estou confuso se isso funcionaria.

//código editado

$('#registerform').validate({ // initialize the plugin
        rules: {
            first_name: {
                required: true
            },
            last_name: {
                required: true
            },
            user_email: {
                required: true,
                email: true
            },
            user_login: {
                required: true
            },
            hear_about_us: {
                required: true
            },
            contact_number: {
                required: true
            },
            address:{
                required: true
            },
            post_code: { 
                required: true
            }
        },
        submitHandler: function (form) {
            $('#registerform').on('submit', function(event) {
                event.preventDefault();

                var xhr1 = $(this).ajaxSubmit({url: 'https://zapier.com/example-hook/'}).data('jqxhr');
                var xhr2 = $(this).ajaxSubmit({url: '/register/'}).data('jqxhr');


                $.when(xhr1, xhr2).then(function() {

                    window.location.replace("/register-step2/");

                }, function() {
                    // error occured
                });
            });
        }
    });

Qualquer sugestão seria ideal!

Obrigado

Foi útil?

Solução

Você pode usar Plug-in de formulário Jquery por esta:

$('form').on('submit', function(event) {
    event.preventDefault();

    var xhr1 = $(this).ajaxSubmit({url: 'http://firsturl'}).data('jqxhr');
    var xhr2 = $(this).ajaxSubmit({url: 'http://secondurl'}).data('jqxhr');

    $.when(xhr1, xhr2).then(function() {
        // both submits succeeded, redirect
    }, function() {
        // error occured
    });
});
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top