wordpress adding plugin for ajax

Question

i am new to wordress. trying to test creating a plugin to combine my js and ajax for a module. I did the following:

[Not sure if i need to add anything in admin-ajax.php.]

created my new plugin under wp-content/pluging/test-plugin
created 2 files: test.php and test.js

test.php content as the following:

/** * Plugin Name: Test */

add_action("wp_ajax_my_test", "my_test");

add_action("wp_ajax_nopriv_my_test", "my_test");

function my_test()
{
echo "in ajax";
}
add_action( 'init', 'test_script_enqueuer' );


function test_script_enqueuer() {

    wp_register_script( "test", WP_PLUGIN_URL.'/my_plugin/test.js', array('jquery') );
    wp_localize_script( 'test', 'myAjax', array( 'ajaxurl' => admin_url( 'admin-ajax.php' )));

    wp_enqueue_script( 'jquery' );
    wp_enqueue_script( 'test');
}

test.js code as the following:
```
$(document).ready(function()
        {    
console.log('in js!');
```
$('#testDiv').on('click', '#test', function() { console.log('clicked!');

jQuery.ajax( { type: 'POST', url: myAjax.ajaxurl, data: {
action: 'my_test' }, dataType: 'json', cache: false, success: function(response) { alert(response); }, error: function(xhr, textStatus, errorThrown) { alert('error'); } }); })
```
    });
```

Note that I can't even see the "in js!" message in my console.

Nozifel · Accepted Answer · 2015-10-18 14:28:45Z

0

Change

add_action( 'init', 'test_script_enqueuer' );

to

add_action("wp_enqueue_scripts", "test_script_enqueuer");

But first, try to echoes something from your php file. If nothing happened your file isn't call.

Try then tell me.

answered Oct 18, 2015 at 14:28

Nozifel

5432 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

aiiwa Over a year ago

thanks. update my js code. i can see 'in js!' in console. but on click doesn't seem to be triggered, cant see 'clicked!' that i have printed. any idea?

Nozifel Over a year ago

replace $('#testDiv').on('click', '#test', function() { console.log('clicked!'); By $('#testDiv').on('click', function() { console.log('clicked!'); I remove the '#test' in your event.

Nozifel Over a year ago

add die(); after echo "in ajax"; in your function my_test()

Collectives™ on Stack Overflow

wordpress adding plugin for ajax

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related