Alright, there’s a few things that isn’t standardized WordPress so I’ve put together a minimal script which I’ll explain piece by piece. Hopefully clear things up for you by the time you get to the end. HTML Form Below is a very simple HTML form. We’re going to use javascript to listen for submission and … Read more
By default, the lifetime of a nonce is one day. The nonce is generated by concatenating a variable representing the current day, the user id, and the name of the action, and hashing the resulting string. If you want the nonce value to change more frequently, you can filter the ‘nonce_life’ value. This function, for … Read more
tl;dr Both ways are okay, as long as you die() your AJAX-function somehow. I take it for granted that you handle the security well – this is important for both methods. The Long Tail It actually does not really matter which approach you use, and it depends a great deal on what your AJAX-Request does. … Read more
Your attempt to send your AJAX requests to wp-admin/admin-ajax.php is correct but it will be better to create a javascript global variable using wp_localize_script() to make any data available to your script in functions.php that you can normally only get from the server side of WordPress. For example, your javascript code can be in the … Read more
As per the CF7 Documentation, you can disable AJAX form submission by placing the following code in your wp-config.php define(‘WPCF7_LOAD_JS’, false);
The wp_ajax_{action} hook only fires for logged in users. For logged-out users the action wp_ajax_nopriv_{action} is triggered on an ajax request – so you need to hook into that as well.
After some inspecting the WP_REST_Request, it turned out, that the get_body() method was the one I’m looking for. Anyhow, this is what I ended up with: add_action( ‘rest_api_init’, function() { register_rest_route( ‘ep’, ‘/as/’, [ ‘methods’ => \WP_REST_Server::CREATABLE, ‘callback’ => ‘ep_autosuggest’, ] ); } ); function ep_autosuggest( WP_REST_Request $data ) { // Elasticsearch PHP Client $client … Read more
Create a child theme so you don’t mess with the code of an existing theme because next time you’ll update the theme, you may loose all your changes (see Child Themes) Here is how to pass values to your ajax request: jQuery(document).ready(function() { jQuery(“.mark-as-read”).click(function () { console.log(‘The function is hooked up’); jQuery.ajax({ type: “POST”, url: … Read more
The issue here, I think, is how axios works. Not WordPress. But you’re absolutely correct to want to use a POST request here. By default I believe axios sends data in a POST request as JSON in the body. To get JSON in the body of the request in PHP you need to do this … Read more
Option 1 The simple way – return all the posts in JSON format and loop through them in JavaScript PHP: function get_ajax_posts() { // Query Arguments $args = array( ‘post_type’ => array(‘products’), ‘post_status’ => array(‘publish’), ‘posts_per_page’ => 40, ‘nopaging’ => true, ‘order’ => ‘DESC’, ‘orderby’ => ‘date’, ‘cat’ => 1, ); // The Query $ajaxposts … Read more