In web development field we face different situations in order to fulfil the requirements. Sometimes we have to customize the well managed CMS/frameworks. Today we are going to take an sample example of wordpress plugin development. There is one situation in which we have to call the function which is defined in plugin using ajax.
First of all we need to write an ajax script in jquery like below
<script>
$(document).ready(function(){
$('#text_bar').click(function(){
var formData = {
'action':'country_list',
'testing_title': 'testing ajax',
};
$.ajax({
type : 'POST',
url : "<?php echo admin_url( 'admin-ajax.php' ); ?>",
data : formData
}).done(function(data){
console.log(data);
});
});
</script>
You need to put this in your footer file and give the id named text_bar to any element in your page. On click event we will process a ajax request.
<p id="text_bar">Click here to process the ajax request </p>
We are going to share small plugin with one static function and we will call this function in ajax request.
<?php
/**
Plugin Name: testing master
Plugin URI: http://findnerd.com
Description: only for blog
Author: findnerd.com
Version: 2.4.1
Author URI: http://findnerd.com
*/
class Tonkk
{
public static function country_details()
{
echo 'Plugin function';
}
}
?>
Now its time to put the ajax action hooks in function.php. Please find the code below.
function.php
function country_listing()
{
Tonkk::country_details();
echo 'task done';
exit;
}
add_action('wp_ajax_country_list','country_listing');
add_action('wp_ajax_nopriv_country_list','country_listing');
0 Comment(s)