JQuery load php - php file without the template

why don’t you use WordPress ajax hooks. It is really simple.

first call the function from javascript or jQuery use the key as ‘action’ and value as ‘function hook name’

jQuery(document).ready(function($) {

var data = {
    action: 'my_action', // here is the function name
    whatever: 1234  // if there are the data you want to pass 
};

// since 2.8 ajaxurl is always defined in the admin header and points to admin-ajax.php
jQuery.post(ajaxurl, data, function(response) {
    alert('Got this from the server: ' + response.first_name +' '+response.last_name);
});
});

Then you need to create the ajax hook in function.php

//wp_ajax is the prefix of the hooks and follow with your action name
add_action('wp_ajax_my_action', 'my_action_callback');   //this line is for logged in users
add_action('wp_ajax_nopriv_my_action', 'my_action_callback'); // this is for not logged in users

Then write your own function here and return the result with json format in function.php just underneath or above the ajax hook.

function my_action_callback(){
      $data = array(
                 'first_name' => 'foo',
                 'last_name'  => 'bar'
              );
     return json_encode($data); 
     die; // you need to die otherwise you will see extra zero in your result because WordPress automatically insert zero to make sure you stop the function here
}

I hope you are happy to use this way. It is easy and quick.

If you want to read more http://codex.wordpress.org/AJAX_in_Plugins

Related Posts: