Wordpress Ajax response 0

Question

I am trying to get a response from ajax request in wordpress. But every time I am trying to do the request it gets 0 as the response. Below is my code in java script

$("#submit").click(function(e) {
 e.preventDefault();
var ajaxurl = '/WordPress/wp-admin/admin-ajax.php';
  alert(dataString);

$.post( ajaxurl, 
    {
        'action': 'my_action',
        'data':   'name'
    }, 
    function(response){
        alert('The server responded: ' + response);
    }
);

});

in the function.php

add_action('wp_ajax_my_action','data_insert');
add_action('wp_ajax_nopriv_my_action','data_insert');

function data_insert()
{

    echo "hello";

    die;

}

@SyedNoman I saw that one but I couldn't figure out what was wrong — Waters Sharma, Sep 06 '16 at 10:32

Noman · Answer 1 · 2016-09-06T11:03:53.730

1

Here you go:

JavaScript:

$(document).ready(function() {
    $("#submit").click(function(e) {
        var demo = 'demo';
        var ajaxurl = '<?php echo admin_url("admin-ajax.php", null); ?>';
        data = { action: "data_insert", demo: demo};     
        $.ajax({
            url: ajaxurl,
            data: data,
            dataType: 'json',
            type: 'post',
            success: function(response) {
              console.log(response);  
            }
        });
    });    
});

PHP:

add_action('wp_ajax_data_insert', 'data_insert');
add_action('wp_ajax_nopriv_data_insert', 'data_insert');
function data_insert() {
    $data = $_POST['demo'];
    echo json_encode($data);
    die();
}

edited Sep 06 '16 at 11:03

answered Sep 06 '16 at 10:40

Noman

1,459
2
18
38

I copied this code as it is and tested it still the response it 0 – Waters Sharma Sep 06 '16 at 11:08
@WatersSharma, i run this code on my WordPress theme and it works like a charm. Kindly check this example and run this example then you will apply your code. – Noman Sep 06 '16 at 11:12
I have been using this in single.php does that affect anything?? – Waters Sharma Sep 06 '16 at 14:20

score 0 · Answer 2 · answered Sep 07 '16 at 08:07

You have to localize your script file if you are using an external js file in order to call the AJAX in WordPress.

Suppose your js file is custom.js

$("#submit").click(function(e) {
 e.preventDefault();
$.post( front_ajax.ajaxurl, 
    {
        'action': 'my_action',
        'data':   'name'
    }, 
    function(response){
        alert('The server responded: ' + response);
    }
);

});

Functions.php File

function my_enqueing_function() {
    wp_enqueue_script( 'custom-js', get_stylesheet_directory_uri() .'your_path_here/custom.js', array('jquery'), time(), true );
    //Localizing our custom-js script to be called using front_ajax
    wp_localize_script( 'custom-js', 'front_ajax', array( 'ajaxurl' => admin_url( 'admin-ajax.php' ) );
}

add_action('wp_ajax_my_action','data_insert');
add_action('wp_ajax_nopriv_my_action','data_insert');
function data_insert()
{
    echo "hello";
    wp_die;
}

Try the above. Should work.

Wordpress Ajax response 0

2 Answers2

Suppose your js file is custom.js

Functions.php File