File path for AJAX script (in Wordpress)

Question

I use this jquery-ajax script to send email:

    $.ajax({
        url: process.php,    
        type: "POST",
        data: data,        
        cache: false,
    ...

in url I call the php file that sends email, but ajax get it only if I specify the full path:

url: "http://www.domain.com/wp-content/themes/site_theme/templates/process.php",

but I have to use a syntax like this:

url: "../../templates/process.php",

or using a variable to declare in the html header/footer

Html

<script type="text/javascript">
  var urlMail = '<?php bloginfo('template_url'); ?>/templates/process.php';
</script>

Script

url: "../../templates/process.php",

but with both the above cases the browser console retrieves this error:

POST http://www.domain.com/templates/process.php 404 Not Found 1.56s

Where am I wrong?

Answer 1

That's not the way to implement ajax in wordpress. All ajax request should be made to admin-ajax.php.

In your template file:

<script type="text/javascript">
var ajaxurl = '<?php echo admin_url('admin-ajax.php'); ?>';
</script>

In your js:

$.ajax({
        url: ajaxurl,    
        type: "POST",
        cache: false,
        data: data + '&action=sendmail' //action defines which function to use in add_action
});

in your functions.php:

function send_my_mail(){
#do your stuff
}

add_action('wp_ajax_sendmail', 'send_my_mail');
add_action('wp_ajax_nopriv_sendmail', 'send_my_mail');

Read about Ajax in Plugins.