Как послать AJAX запрос из ReactJS формы если back-end Wordpress?

Question

[Ninja Mate]

Написал небольшую выскакивающую форму на reactjs (по классу крепится к кнопкам) и компайлю из нее js для использования в wp шаблоне. Встал вопрос как отправить запрос к движку WP.
В обычном шаблоне использовал wp_mail, но тут столкнулся с тем что нужен AJAX запрос (раньше не использовал). Помогите разобраться.
К форме прилагается такой метод (вместо стандартного сабмита, сделан onClick )

getFormData() {
        var data = {
            name: this.refs.name.getDOMNode().value,
            mail: this.refs.mail.getDOMNode().value,
            text: this.refs.text.getDOMNode().value
        };

        $.ajax({
            action: 'send_message',
            url: "<?php echo admin_url('admin-ajax.php'); ?>",
            name: data.name,
            email: data.mail,
            message: data.text
        })

    },

Что конкретно должен делать getFormData() return куда-то или что то другое (как заставить ajax работать)?
Понятно, что нужно метод сделать sendFormData(), но сейчас вопрос несколько в другом....
Подскажите кто подобное изобретал уже)

Answer 1

[Игорь Воротнёв]

Не надо ничего изобретать.
1. Отправляете данные
2. На стороне PHP перехватываете отправку с помощью указанного action
3. Делаем что надо и возвращаете json-ответ
4. На success аякс-запроса обрабатываете полученные результат
Подробнее: https://premium.wpmudev.org/blog/using-ajax-with-w...

Comments

[Ninja Mate]

Я правильно понял из вашего ответа, что включив скрипт на странице и вызвав

getAJAXCall() {
        $.ajax({
            url: "<?php echo admin_url('admin-ajax.php'); ?>",
            success: console.log('Success')
        })

    },

У меня в консольке должен Success появиться?
Этого не происходит... Мне на самой странице нужно какую то функцию включать?

[Игорь Воротнёв]

Ninja Mate: Вы упустили в этой попытке пункты 2-3, именно в результате их выполнения вам придет success. Вам ссылка на тюториал для чего была дана?

[Ninja Mate]

Игорь Воротнёв: Спасибо, получилось)