percorso del file per lo script AJAX (in Wordpress)

Question

Io uso questo script jquery-ajax per inviare e-mail:

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

in url io chiamo il file php che invia email, ma ajax farlo solo se a specificare la il percorso completo:

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

ma devo usare una sintassi simile a questo:

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

o utilizzando una variabile di dichiarare i n Script html intestazione/piè di pagina

Html

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

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

ma con entrambi i casi suddetti la console del browser recupera questo errore:

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

W qui mi sbaglio?

Answer 1

Questo non è il modo di implementare ajax in wordpress. Tutte le richieste Ajax devono essere fatte a admin-ajax.php.

Nel file template:

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

Nei tuoi js:

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

in 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'); 

Leggi Ajax in Plugins.

Answer 2

Sarebbe consigliabile utilizzare un sistema come Registro di sistema per salvare tutti i valori "globali" in un'unica posizione.

Registry design pattern

c'è la mia piccola plugin per jQuery se questo è può essere interessante per voi. GitHub rep

<script type="text/javascript"> 
    $.Registry.set('urlMail', '<?php get_bloginfo('template_url'); ?>/templates/process.php'; 
</script> 

e per ottenere valore dal Registro di sistema è necessario utilizzare $ .Registry.get ('urlMail');

Answer 3

Ho risolto utilizzando il codice fornito da RRikesh ma sostituendo

data: data 

con

data: data + '&action=sendmail'