Как правильно подключить Ajax на Wordpress?

Question

[not-deanon]

Здравствуйте! Не работает передача переменной из js в php, помогите!
Вот js код:

function Coor() {
var offset = jQuery(this).offset();
var x = offset.left;
var y = offset.top;
    jQuery.ajax({
    type: "POST",
    url: "/wp-admin/admin-ajax.php",

    data:{
            'action': 'jq_coor',
            'top':y,
            'left':x
            },
      success: function( data ) {
    alert( data );
  }  
    })
    alert('left = ' + x + 'top = ' + y);
}

Вот php в functions.php:

function jq_coor() {
    $top = $_POST['y'];
    $left = $_POST['x'];
    if(!$top) {echo 'sdfjk';}
    $dblocation = "localhost"; 
$dbname = "wpdevice";
$dbuser = "root";         
$dbpasswd = "";          
$dbcnx = @mysql_connect($dblocation,$dbuser,$dbpasswd);
if (!$dbcnx) 
{
  echo("<P>В настоящий момент сервер базы данных не доступен, поэтому 
           корректное отображение страницы невозможно.</P>");
  exit();
}
    mysql_select_db("wpdevice",$dbcnx);
    mysql_query("SET NAMES 'utf8_general_ci'",$dbcnx);
    $result = mysql_query ("INSERT INTO `wp_config` (`Top`,`Left`) VALUES ('$top','$left')");
    echo mysql_error($dbcnx);
}
add_action('wp_ajax_jq_coor', 'jq_coor');
add_action('wp_ajax_nopriv_jq_coor', 'jq_coor');
add_action( 'wp_enqueue_scripts', function(){
    wp_enqueue_script( 'jq_coor', 'http://device.ru/wp-includes/js/jquery.coor.js', array( 'jquery' ), '1.0' );
    wp_localize_script( 'jq_coor', 'CJQ', array(
            'ajax_url' => admin_url( 'admin-ajax.php' ), 
        )
    );
});

Comments

[OVK2015]

type: "POST",
Может лучше method: 'POST' ?

[not-deanon]

OVK2015: ничего не изменило.

[OVK2015]

not-deanon: Добавьте в jq_coor() перед операцией с БД echo для "x" и "y". Так хоть видно будет получает php эти данные или нет.

[not-deanon]

OVK2015: нет, не получает, в этом-то и проблема. Запрос формируется, в консоли я это вижу, но в файл с php эти данные не поступают совсем.

[OVK2015]

not-deanon: Тогда погуглите admin_url( 'admin-ajax.php' )

[not-deanon]

OVK2015: гуглила. Все, что мне выдал гугл, в итоге к этому же и привело.

[OVK2015]

not-deanon:
stackoverflow.com/questions/17710728/how-to-load-a...

[not-deanon]

OVK2015: а у меня разве не так?

[OVK2015]

not-deanon: Ради интереса: уберите из названия своего обработчика в php подчеркивание, что-то типа: function jqcoorPhp()

[not-deanon]

OVK2015: убрала и ничего не изменилось.

[OVK2015]

not-deanon:

add_action('wp_ajax_jqcoorPhp', 'jqcoorPhp')
add_action('wp_ajax_nopriv_jqcoorPhp'', 'jqcoorPhp'');

jQuery.ajax({
method: "POST",
url: ""<?php echo admin_url('admin-ajax.php'); ?>"",

data:{
'action': 'jqcoorPhp',
'top':y,
'left':x
},
success: function( data ) { alert( data ); }
});

Т.е., так не работает?

[not-deanon]

OVK2015: так ошибка и код 403

[OVK2015]

not-deanon: Ошибка где/какая?

Answer 1

[Дмитрий]

А какой ответ сервера?
В функцию попадаешь?

Comments

[not-deanon]

Если вы имеете в виду, что нужно заменить название функции Coor, то это тоже не помогло.

[not-deanon]

Вероятно, что не попадаю. Ответ от сервера "0", если это то.

[Дмитрий]

not-deanon: Нет. Когда ajax улетает какой код ответа сервера?

[not-deanon]

Дмитрий: А как его узнать?

[Дмитрий]

joxi.ru/GrqvOXKtK3zOmz
Смотреть в консоли.
Если 0 , то ответ 200. Значит аякс отработал.
Попробуйте вот тут
function jq_coor() {
поставить die('я в функции. Уррааааа');

[Дмитрий]

По поводу запроса к БД никогда так не делайте.
В wp есть специальный класс $wpdb https://codex.wordpress.org/Class_Reference/ru:wpd...

[not-deanon]

Дмитрий: в статусе стоит 200 и в консоле я вижу admin-ajax.php. Добавила, но ничего не происходит. Я об этом и говорю, что в функцию не попадаю, но где бы я не смотрела - у всех все вот так же и работает. А у меня нет!

[not-deanon]

Дмитрий: хорошо, но про бд я буду потом думать, ибо если в функцию не попаду, то что толку в запросе?

[Дмитрий]

not-deanon: Вы добавиле после function jq_coor() { die('@@@')?

[not-deanon]

Дмитрий: да, добавила, ничего не поменялось, ну говорю же, не добираемся мы до функции, ох.

[Дмитрий]

not-deanon: Ну тогда хз. Сам по себе ответ 200 означает, что запрос не только пришел, но и успешно обработан.

Answer 2

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

Не забывайте, что после выполнения вашего PHP-кода его надо убить:

function jq_coor() {

	// 1. Проверяете wp_nonce и наличие данных в POST
	...
	// 2. Обрабатываете данные и делаете все что нужно
	...
	// 3. Возвращаете браузеру результат / сообщение (можно юзать wp_send_json_success() и подобные функции)
	echo $some_result;
	// 4. Прекращаете выполнение
	wp_die();

}
add_action( 'wp_ajax_jq_coor', 'jq_coor' );
add_action( 'wp_ajax_nopriv_jq_coor', 'jq_coor' );