WP_AJAX is a class for interfacing with WordPress’s built in AJAX system. This class is designed to fully abstract the developer from the traditional hook based system to a clean controller style structure. Simply define the class, echo urls with url($params = []) method and write what code you want to execute in the run() method.
Introduction: Medium Post
Class ExampleAction extends WP_AJAX{
protected $action = 'example-action';
protected function run(){
// Your Code Here!
update_option('name', $this->get('name'));
}
}
ExampleAction::listen();
ExampleAction::url() // http://example.com/wp-admin/admin-ajax.php?action=example-action
ExampleAction::url(['name' => 'Anthony Budd']) // http://example.com/wp-admin/admin-ajax.php?action=example-action&name=Anthony%20BuddExampleAction.php
<a href="<?= ExampleAction::url(['name' => 'Anthony Budd']) ?>" >This is a link</a>Page-Template.php
$('.submit-btn').click(function(){
$.post('http://example.com/wp-admin/admin-ajax.php',{
action: 'example-action',
name: $('.name-field').val(),
},function(data){
console.log(data)
}, 'JSON');
});script.js
Require WP_AJAX with composer
$ composer require anthonybudd/wp_ajax
Download the WP_AJAX class and require it at the top of your functions.php file.
require 'src/WP_AJAX.php';You will need to create a new class that extends WP_AJAX. This class must have one protected property called $action and one protected method named run(). $action will be the AJAX action name See wp_ajax_(action).
Class Example extends WP_AJAX
{
protected $action = 'example';
protected function run(){
echo "Success!";
}
}Next you have to call the static method listen(). This will create all of the hooks so WordPress knows to call the run() method when the correct AJAX endpoint is hit. Note: You will need to call the listen() method for each of your AJAX actions.
ExampleAJAX::listen();If you would like to only allow signed in users to access your AJAX endpoint add the argument FALSE to the listen method.
ExampleAJAX::listen(FALSE);If you want to respond to an AJAX request with data the JSONResponse() method will automatically set the content type header to ‘application/json’ and JSON encode the data provided to the method.
I am aware that WordPress has a function called wp_send_json() but, due to the fact that I know how much it annoys WP developers that I have included this method, I will not be removing it.
Class ExampleAJAX extends WP_AJAX{
..
protected function run(){
$post5 = get_post(5);
$this->JSONResponse($post5);
}
}Example::url() // Returns the url of the ajax endpoint. Example http://ajax.local/wp/wp-admin/admin-ajax.php?action=example
$this->isLoggedIn(); // Returns TRUE or FALSE if the current visitor is a logged in user.
$this->has($key); // has() will return TRUE or FALSE if an element exists in the $_REQUEST array with a key of $key
$this->get($key, [ $default = NULL ]); // The get() method will return the specified HTTP request variable. If the variable does not exist it will return NULL by default. If you would like to set a custom string as the default, provide it as the second argument.
$this->requestType(); // Returns 'PUT', 'POST', 'GET', 'DELETE' depending on HTTP request type
$this->requestType('POST'); // Returns (bool)
$this->requestType(['POST', 'PUT']); // Returns (bool) Class CreatePost extends WP_AJAX
{
protected $action = 'create_post';
protected function run(){
if($this->isLoggedIn()){
$post = [
'post_status' => 'publish'
];
if( $this->requestType(['POST', 'put']) ){
$post['post_content'] = 'This request was either POST or PUT';
}else if( $this->requestType('get') ){
$post['post_content'] = 'This request was GET';
}
$post['post_title'] = sprintf('This post was created by %s', $this->user->data->user_nicename);
wp_insert_post($post);
$this->JSONResponse($post);
}
}
}
CreatePost::listen();
// http://example.com/wp-admin/admin-ajax.php?action=create_post
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent