problem with Wordpress ajax

Question

I'm using ajax in wordpress. Here is my ajax code :

var name = "Toto";
$.ajax({
        url : ajaxurl,
        type : 'post',
        data : {
            'action' : 'test_action',
            'data' : {
                'name' : name,
            }
        },
        success : function(response){
            alert(response);
        },
        error : function(){
            alert('error');
        }
    });

My PHP code

add_action("wp_ajax_test_action", "_test_function");
function _test_function(){
    wp_localize_script( 'edit-taxonomy' , 'ajax_object' , array('ajaxurl' => admin_url('admin-ajax.php')));
    die('success');
}

then I inspected it on browser and I get :

I get an alert with '0' value (as I did in success case). Then I realize that it doesn't call _test_function function (it should return 'success'). I think it's port problem because with other similar code, port value is 80 and it works, but I don't understand why is it using another port, and how to fix it.

There are several questions in this about ajax returning zero, have you checked them? By the way, I don't understand the "port problem", what do you mean? If the response code status is 200, I don't think you have a port problem. Where is that ajax call performed, in admin side or frontend? — cybmeta
– cybmeta, Commented Dec 16, 2016 at 9:08
what I mean in port problem is that I used similar functions with ajax, and I get "Remote Address: 127.0.0.1:80" , but in this function I get "Remote Address: 127.0.0.1:9614" and my function is not called. — Dina
– Dina, Commented Dec 16, 2016 at 9:56

cybmeta · Accepted Answer · 2016-12-16 10:17:01Z

In general, when a ajax call usgin admin-ajax.php returns zero it means that the action is not set in the request data, or that the action callback is not found.

In your case, it seems that the action callback is not found.

When performing ajax call in the frontend, you need to use the action wp_ajax_nopriv_{action} instead of wp_ajax_{action}:

// For admin side
add_action("wp_ajax_test_action", "_test_function");
// For frontend side
add_action("wp_ajax_nopriv_test_action", "_test_function");
function _test_function(){
    die( 'success' );
}

Also, localizing script in ajax action callback has not much senses, you need to do it some where else, usually in wp_enqueue_scripts action:

add_action( 'wp_enqueue_scripts', 'cyb_enqueue_scripts' );
function cyb_enqueue_scripts() {

    // First, enqueue you ajax script
    wp_enqueue_script( 'my-script', plugins_url( 'assets/js/mi-ajax-script.js', __FILE__ ) );

    // Second localize the script to pass variables
    wp_localize_script(
         'my-script' , // handle of the script to be localized
         'ajax_object' ,
          array( 'ajaxurl' => admin_url( 'admin-ajax.php' ) )
     );

}

Then, in my-ajax-script.js you can access to ajax_object created with wp_localize_script():

var name = "Toto";
$.ajax({
        url : ajax_object.ajaxurl,
        type : 'post',
        data : {
            'action' : 'test_action',
            'data' : {
                'name' : name,
            }
        },
        success : function(response){
            alert(response);
        },
        error : function(){
            alert('error');
        }
});

Thanks a lot, it works. Adding nopriv in add_action resolved it — Dina
– Dina, Commented Dec 16, 2016 at 10:22

Stack Exchange Network

problem with Wordpress ajax

1 Answer 1

Your Answer

Hot Network Questions

problem with Wordpress ajax

1 Answer 1

Your Answer

Sign up or log in

Post as a guest

Related

Hot Network Questions