Chemin du fichier pour le script AJAX (dans Wordpress)

Question

J'utilise ce script jquery-ajax envoyer email:

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

dans url j'appelle le fichier php qui envoie un courrier électronique, mais ajax obtenir que si je précise la chemin complet:

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

mais je dois utiliser une syntaxe comme ceci:

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

ou en utilisant une variable de déclarer i n l'en-tête html/pied de page

Html

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

Script

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

mais avec les deux cas ci-dessus la console du navigateur récupère cette erreur:

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

W j'ai tort?

Answer 1

Ce n'est pas la façon d'implémenter ajax dans wordpress. Toute requête ajax doit être faite à admin-ajax.php.

Dans votre fichier modèle:

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

Dans votre js:

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

dans votre 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'); 

En savoir plus sur Ajax in Plugins.

Answer 2

Je vous recommande d'utiliser un système comme le registre pour enregistrer toutes les valeurs "globales" dans un seul endroit.

Registry design pattern

Il est mon petit plugin jQuery si cela est peut-être intéressant pour vous. GitHub rep

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

Et pour obtenir la valeur du Registre, vous devez utiliser .Registry.get $ ('urlMail');

Answer 3

Je l'ai résolu en utilisant le code fourni par RRikesh mais en remplaçant

data: data 

avec

data: data + '&action=sendmail'