AJAX в WordPress

Абстрактный класс SP_Framework_AJAX используется для обработки переданных AJAX запросов. Что бы обработать запрос, нужно переопределить метод ajax_action

Пример

JS

Отправляем запрос.

При подключении файла, в котором будет скрипт отправки AJAX запроса, укажите параметр ‘localize’ => ‘y’

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

	$('body').on('click', '.sp-div', function () {

		var postID = $(this).attr('data-id');

		var form_data = new FormData();
	        form_data.append('action', 'sp_some_action');
	        form_data.append('post_id', postID);

		$.ajax({
		    url: spJs.ajaxUrl,
		    type: 'POST',
		    data: form_data,
		    cache: false,
		    dataType: 'json',
		    processData: false,
		    contentType: false,
		    success: function (data) {
		    	console.log(data);
		    }

		});

		return false;
	});

});

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

$('body').on('click', '.sp-div', function () {

var postID = $(this).attr('data-id');

var form_data = new FormData();

form_data.append('action', 'sp_some_action');

form_data.append('post_id', postID);

$.ajax({

url: spJs.ajaxUrl,

type: 'POST',

data: form_data,

cache: false,

dataType: 'json',

processData: false,

contentType: false,

success: function (data) {

console.log(data);

}

});

return false;

});

PHP

Получаем запрос.

<?php
class SP_Framework_Some_Action extends SP_Framework_AJAX {
	function ajax_action() {

		//get
		$postID = sanitize_text_field($_POST['postID']);
        
        //some actions
        
        $result = '';

		//return
		echo json_encode($result);
		wp_die();
	}
}
$spSomeAction = new SP_Framework_Some_Action('sp_some_action');
?>

<?php

class SP_Framework_Some_Action extends SP_Framework_AJAX {

function ajax_action() {

//get

$postID = sanitize_text_field($_POST['postID']);

//some actions

$result = '';

//return

echo json_encode($result);

wp_die();

}

$spSomeAction = new SP_Framework_Some_Action('sp_some_action');

Class SP_Framework_AJAX

Пример

JS

PHP

Видео пример