How to load wp ajax for not logged users? - php

Question

I understand I should be using wp_ajax_nopriv as per the doc says
but I am not sure how tho.
On the front end I do:
var ajaxscript = { ajax_url : '<?php echo admin_url("admin-ajax.php"); ?>' };
$.ajax({
url: ajaxscript,
type: 'post',
dataType: 'json',
data: { action: 'data_fetch', dates: datesSearch },
success: function(data) {
...
}
});
I know I could define the url in function like:
function myAjaxUrl() {
echo '<script type="text/javascript">
var ajaxurl = "' . admin_url('admin-ajax.php') . '";
</script>';
}
add_action('wp_head', 'myAjaxUrl');
And that would make the ajax call on the front end like:
$.ajax({
url: ajaxurl...
But how would I use the wp_ajax_nopriv in order to be able to access wp-ajax for not logged in users?

Answer 1

All you need to do is just register your function to a hook named as wp_ajax_nopriv_{your_function_name}
So, for your case, add_action( 'wp_ajax_nopriv_data_fetch', 'data_fetch' ); should do the trick.
Registering an ajax function in WordPress:
1. Registering an ajax function in WordPress: You can add this in the theme functions.php file.
// Simple Ajax function
add_action( 'wp_ajax_nopriv_simple_ajax_func', 'simple_ajax_func' );
add_action( 'wp_ajax_simple_ajax_func', 'simple_ajax_func' );
function simple_ajax_func() {
echo json_encode(array('success' => true));
wp_die();
}
2. Calling that ajax function from JavaScript:
var ajax_url = '<?php echo admin_url( 'admin-ajax.php' ); ?>';
jQuery.ajax({
url : ajax_url,
type : 'post',
data : {
action : "simple_ajax_func",
},
success : function( response ) {
console.log('Success');
}
});

Answer 2

you misunderstand the wp_ajax action.
You must create a PHP function inside your theme using the wp_ajax filter.
add_action( 'wp_ajax_foobar', 'my_ajax_foobar_handler' );
add_action( 'wp_ajax_nopriv_foobar', 'my_ajax_foobar_handler' );
// This is the function that you will fire when your ajax code hits the admin_url('admin-ajax.php')
function my_ajax_foobar_handler() {
// Make your response and echo it.
// Don't forget to stop execution afterward.
wp_die();
}
So, for the WP admin ajax understand that need to fire this function, you must pass it inside your ajax request.
//Note that the action here is what cames after the wp_ajax PHP function
var my_php_ajax_action_name = 'foobar'
$.ajax({
url: ajaxurl,
type: 'post',
dataType: 'json',
data: { action: my_php_ajax_action_name, dates: datesSearch },
success: function(data) {
// ...
}
});