Форма регистрации с AJAX-представлением в Wordpress

Question

У меня есть некоторые головные боли, решающие эту проблему.У меня есть форма регистрации Wordpress / Woocommerce, которая запускает несколько действий, чтобы работать.В дополнение к этим действиям я хочу опубликовать данные формы в CRM.Он работает нормально независимо, но не вместе.

Вот разметка формы:

<form id="bc_post-register" method="post" class="register">

  <?php do_action( 'woocommerce_action_one' ); ?>

  <input placeholder="E-Mail*" type="email" class="woocommerce-Input woocommerce-Input--text input-text" name="email" id="reg_email" value="<?php if ( ! empty( $_POST['email'] ) ) echo esc_attr( $_POST['email'] ); ?>" />
  <input type="submit" class="woocommerce-Button button" name="register" value="Kostenlos einschreiben" />

</form>

 <?php do_action( 'woocommerce_action_two' );?> 
 <?php do_action( 'woocommerce_action_three' );?>

Вот мой AJAX:

jQuery(document).ready(function(event) {
   jQuery('#bc_post-register').submit(ajaxSubmit);
   function ajaxSubmit() {
   var ConvForm = jQuery(this).serialize();

jQuery.ajax({
  type:    "POST",
  url:     "https://app.crm.com/directory/id/action",
  data:    ConvForm,
  success: function(data) {
     console.log("has been sent");
  }
});
return false; 
} 
});

Все работает прекрасно, но невсе вместе.Как я могу собрать пазл и запустить Акции и мой AJAX?

Answer 1

Я сделал несколько тонких изменений.Также убедитесь, что у вас установлен jQuery.

Попробуйте и посмотрите, поможет ли это:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script>

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

  $('#bc_post-register').submit(function(event){

    event.preventDefault(); //Prevents your from submitting/refreshing.
    var string = $('#bc_post-register').serialize();

      $.ajax({
          type: "POST",
          url: "https://app.crm.com/directory/id/action.php", //added the .php
          data: string,
          dataType: 'json', //The response needs to be a json formatted string.
          cache: false,
          success: function(response){

            console.log('This is your response: ' + response);

          }else{

            console.log('There was a problem submitting your ajax.');  

            }
      });

  });

});

</script>