Wordpress: кастомная регистрация ajax?

Question

[thehighhomie]

Добрый вечер всем!

Прошу помощи решить следующую проблему:
Пишу плагин дополнительных модулей к теме. Один из модулей это кастомные пользователи, написанные с нуля, так как стандартный модуль пользователей в WP не удовлетворяет требованиям задач.

На WP перешел не так давно ( до этого ajax не применял, так как только недавно немного его подучил ).

Так вот, в папке includes есть класс управляющий всеми модулями и в нем есть обработчик регистрации, вот так выглядит в конструкторе добавление хука для ajax запроса:
$loader->add_action( 'wp_ajax_nopriv_register_ajax_handler, $this, 'register_ajax_handler' );

Вот так выглядит функция register_ajax_handler:
public function register_ajax_handler {
// Здесь я просто сделал вывод для проверки
echo 'WORK!';
}

В js файле, который находится в js/cmt-plugin.js есть обработчик на форме, который все проверяет и если все ок то запускается такой скрипт:
var data = {
'action': 'register_ajax_handler'
};
$.post( ajaxurl, data, function( response ) {
$( '.#form-content' ).html( response );
});
}

в итоге в консоле просто выдает что не найден ajaxurl.

Я без понятия почему так, и вообще все это у меня на абстрактном уровне понимается пока.
Укажите пожалуйста что я делаю не так? Моя цель понять как можно вызвать ajax запрос из метода класса, примерно то что я описал вышел. Спасибо.

Answer 1

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

1. Если родные юзеры не подходят, им можно сделать class My_User extends WP_User
2. Чуть некорректная регистрация экшна в ООП-формате, надо

$loader->add_action( 'wp_ajax_nopriv_register_ajax_handler', array( $this, 'register_ajax_handler') );

3. Проверьте html код страницы, там где-то инлайном должен быть скрипт с определением переменной ajaxurl
4. А еще, есть wp_ajax_nopriv_* и wp_ajax_*

Собственно, думаю что №2 решит проблему.

Comments

[thehighhomie]

нет. регистрация экшенов в лоадере правильная, метод лоадера так реализован просто. сейчас попробовал сделать следующее:

в главном файле плагина написал этот код:

add_action('wp_ajax_myaction', 'my_action_callback');
add_action('wp_ajax_nopriv_myaction', 'my_action_callback');

function my_action_callback() {

echo 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel magni, necessitatibus ipsa ut. Libero quo accusantium tenetur eos impedit harum ut tempora error sed, nostrum iure dolor ab fugiat fugit atque provident, quia architecto numquam rerum reprehenderit necessitatibus! Ullam recusandae, illo iusto pariatur, libero iste cum velit quasi vero, sequi laboriosam labore odit ex, nam amet eum voluptate dicta ipsam hic ea animi suscipit. Tempore sequi eius nisi quisquam corrupti quasi, voluptate reiciendis, voluptatum eos provident soluta optio deserunt possimus omnis consectetur commodi dolorem! Temporibus dicta sit ducimus est dolor ipsum accusantium ex, veritatis perspiciatis. Magnam quod excepturi quos iusto.';

}

в js файле вот:

var data = {
action: 'my_action',
whatever: 1234
};

// since 2.8 ajaxurl is always defined in the admin header and points to admin-ajax.php
$.post( ajaxurl, data, function(response) {
$('#test-content').html(response);
});

из комментария видно что с версии 2.8 ajaxurl видна везде, если пользователь авторизован. я так понял что нужно как то получить эту переменную, так как у меня свои кастомные пользователи.

[thehighhomie]

извиняюсь, в файле js в объекте data было - action: 'my_action', исправил на - action: 'my_action_callback',

[thehighhomie]

все равно: reference error ajaxurl not defined

[thehighhomie]

мне кажется я не правильно подключаю ajax

[thehighhomie]

у вас есть еще идеи? может что регистрировать нужно?

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

thehighhomie: а, сорри, это ваш собственный метод. Невнимателен, виноват)
У вас проблема в том, что, похоже, не передается в хтмл-документ переменная ajaxurl. Это переменная javascript. Откройте в браузере сорс страницы (Ctrl + U) и поищите там ajaxurl.

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

Должна быть передача этой переменной в страницу + корректное обращение через javascript объект

function my_enqueue() {

    wp_enqueue_script( 'ajax-script', get_template_directory_uri() . '/js/my-ajax-script.js', array('jquery') );

    wp_localize_script( 'ajax-script', 'my_ajax_object',
            array( 'ajax_url' => admin_url( 'admin-ajax.php' ) ) );
}
add_action( 'wp_enqueue_scripts', 'my_enqueue' );

и в самом скрипте:

jQuery.ajax(
    {
        type: "post",
        dataType: "json",
        url: my_ajax_object.ajax_url,
        data: formData,
        success: function(msg){
            console.log(msg);
        }
    });

[thehighhomie]

Игорь Воротнёв: спасибо) потихоньку начал понимать, объект my_ajax_object появился на странице но то что вы скинули у меня не работает, я убрал свойство дата из js data так как мне просто нужно вывести код из функции, чтобы проверить, в итоге 0 выводит, что то не так все равно) как же я устал разбираться)

[thehighhomie]

Игорь Воротнёв: все, я решил) вот что я прописал в главном файле плагина:

add_action('wp_ajax_test_fn', 'test_fn');
add_action('wp_ajax_nopriv_test_fn', 'test_fn');

function test_fn() {
echo 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Esse sint nulla placeat blanditiis nesciunt deleniti, ab eaque dicta mollitia quasi. Quod voluptas labore quos fugit laudantium illum dolor, animi aliquid voluptate! Officiis odit tenetur veniam perferendis ea, eum est similique, optio nihil rem sunt, voluptatem eos libero dolore deleniti. Ea!';
}

а вот что в js:

$form.on('submit', function(e) {

var data = {
action: 'test_fn'
};

var ajaxurl = my_ajax_object.ajax_url;
// since 2.8 ajaxurl is always defined in the admin header and points to admin-ajax.php
$.post( ajaxurl, data, function(response) {
$('#content').html(response);
});

e.preventDefault();
});

все работает, все выводит)

[thehighhomie]

Игорь Воротнёв: спасибо большое)

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

thehighhomie: Да, все верно) Про второй action я вам в ответе первом написал :)

[thehighhomie]

Игорь Воротнёв: напоследок хочу спросить у вас о идее, как можно просто исполнить php скрипт с проверкой и добавлением пользователя, просто я для теста выводил lorem ipsum на страницу, а мне нужно обработать форму, если есть в базе логин или емайл, который введен в форме то вывести это уведомление, иначе добавить в базу. А с этим WP ajax я уже забыл сам ajax который учил недавно :D

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

thehighhomie: в той функции которая на аякс-обработчик подвешена, сначала фильтруете данные POST, полученные с фронтенда, потом проверяете существует ли email (функция email_exists()). Возвращаете ответы с помощью wp_send_json_success() или wp_send_json_error(). Если мыло существует - просто возвращаете сообщение. Если не существует - wp_insert_user(). Ну, это если родными средствами создавать юзера. Если у вас кастомная таблица в БД - тогда используйте свой CRUD с помощью $wpdb.

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

thehighhomie: В документации родной по упомянутым мною выше функциям найдете все нужные фрагменты :)

[thehighhomie]

Игорь Воротнёв: спасибо)