Как отправить HTML данные формы в функцию wp_mail на WordPress?

Question

Я создал собственную форму html на WordPress и разместил ее, используя HTML widget

<form id="form">
    <label for="fname">Full Name</label>
    <input type="text" id="fname" name="name" placeholder="Your name..">

    <label for="email">Email</label>
    <input type="email" id="email" name="email" placeholder="Your email..">
   <label for="contact">Contact number</label>
    <input type="tel" id="contact" name="phone" placeholder="Your contact number..">
     <label for="subject">Description</label>
    <textarea id="subject" name="msg" placeholder="Tell us your requirements.." style="height:100px"> 
    </textarea>
    <input type="submit" value="Submit" onclick="myFunction()">
  </form>

, и вот мой js код

function myFunction() {
var name = document.getElementById("fname").value;
var email = document.getElementById("email").value;
var Contact = document.getElementById("contact").value;
var Message = document.getElementById("subject").value;
// Returns successful data submission message when the entered information is stored in database.
var dataString = 'name1=' + name + '&email1=' + email + '&contact=' + Contact + '&message=' + Message;
if (name == '' || email == '' || Contact == '' || Message == '') {
alert("Please Fill All Fields");
} else {
// AJAX code to submit form.
$.ajax({
type: "POST",
url: "ajaxjs.php",
data: dataString,
cache: false,
success: function(html) {
alert(html);
}
});
}
return false;
}

Теперь я хочу отправлять почту, используя данные этой формы, поэтому Как я могу отправлять электронную почту, используя WordPress wp-mail. php

Answer 1

Прежде всего, вам нужно внести некоторые изменения в HTML и javascript и добавить несколько PHP кодов:

1) Изменить тег формы

<form id="form" method="post" action="">

2) Добавить скрытое поле в форму с именем действия

<input type="hidden" name="action" value="my_form_submission">

3) добавить ajaxurl в функции. php файл, где у вас есть поставьте в очередь ваш js файл

add_action( 'wp_enqueue_scripts', 'your function' );

function enqueue_my_frontend_script() {
    wp_enqueue_script( 'my-script', plugin_dir_url(__FILE__).'frontend-scripts.js', array('jquery'), null, true );
    $variables = array(
        'ajaxurl' => admin_url( 'admin-ajax.php' )
    );
    wp_localize_script('my-script', "jsObj", $variables);
}

4) В вашем ajax вызове измените это

$.ajax({
    type: "POST",
    url: jsObj.ajaxurl, // this will get ajax url
    data: $( "#form" ).serialize() , // send your form data with serialize mode
    success: function(html) {
        alert(html);
    }
});

4) Добавьте ajax действий в функции темы. php файл :

add_action('wp_ajax_my_form_submission', 'my_form_submission_callback');
add_action('wp_ajax_nopriv_my_form_submission', 'my_form_submission_callback');

function my_form_submission_callback(){

    $data = $_POST;

    $html = $_POST['message'];

    $headers = array('Content-Type: text/html; charset=UTF-8');
    wp_mail("toemail@gmail.com", "Some subject", $html, $headers);

}

Таким образом, вы можете получить ajax данные и передать html функцию wp_mail ().

Проверить эту ссылку для всей демонстрации: https://dev.to/shwetadanej/ajax-calls-in-wordpress-front-end-2g09