How to use ajax in WordPress Theme or Plugin

Well, sometimes we need to implement ajax functionality to our WordPress theme or plugins.Find below a tutorial written for this purpose

Step 1 : create a page in theme

For example to use ajax, I have create a page in theme that show unapproved comment and allow user to approve it .Find below it's code

Step 2 : Create function as per your requirements inside functions.php of theme folder or in your plugins file .

example :

Step: 3 After put below hooks just below above function

add_action('wp_ajax_comment_approve', 'comment_approve');
add_action('wp_ajax_nopriv_comment_approve', 'comment_approve');

Step:3 call Ajax request in your template file example:

Note:

1) action key in our case 'comment_approve' should match with half of the hook name i.e wp_ajax_comment_approve 2) hook second parameter i.e 'comment_approve' name can be anything ,not necessary to match with the action key 3) There should be created a function with the same name of hook second parameter i.e 'comment_approve' That's it .If all steps followed correctly, you should see ajax work or try to fix with browser 'console' panel This tutorial created for displaying comment list in front end theme page and providing option to approve comment . If any query ,you can comment below.