Utiliser jQuery post() ou load() dans un plugin Wordpress

Question

Je développe un plugin et j'ai une petite question ... J'ai d'abord développé mon plugin en tant que page web individuelle et je l'intègre maintenant dans un WP plugin. Tout fonctionnait correctement avant WP et fonctionne presque correctement maintenant, mais j'ai rencontré un problème intéressant. Quoi qu'il en soit, à ma question ... Y at-il une sorte de problème en utilisant une fonction jQuery .post() à partir de la barre latérale WP? Je suis en train de faire ce genre de chose ...

jQuery.post("php/draw_calendar.php", 
{month: currentMonth, year: 
currentYear - 2000, days: 
daysInMonth}, function(data){ 
     jQuery("#Calender").html(data); 
     jQuery("#eventDialog").dialog({ autoOpen: false, resizable: false, 
width: 300, minHeight: 200 }); 
    jQuery("#eventDialog").bind(
"dialogopen", function(event, ui) {}); 
    }); 

Tout en jQuery fonctionne très bien, sauf qu'il semble que les données renvoyées à partir du fichier est jamais ajouté au code HTML et tout ce qui est retourné est « Cette est une variable '.

Je pense que cela peut avoir à faire quelque chose avec la façon dont les chemins pourraient fonctionner dans jQuery et Wordpress, mais je suis un peu perdu sur ce qu'il faut faire. Je n'ai pas vu d'autres informations à ce sujet sur le web alors peut-être que je fais juste quelque chose de stupide.

Merci.

Answer 1

Vous devriez chercher le bon répertoire pour votre WP Plugin avec l'API WP (bloginfo()) ... quelque chose comme:

jQuery.post("<?php bloginfo('wpurl'); ?>/wp-content/plugins/calendar/draw_calendar.php", 

Comme le souligne Brad sur vous devez utiliser wpurl. De même, comme écrit awats, vous pourriez utiliser la constante WP pour le répertoire du plugin. Je ne sais pas très bien comment il est formaté:

jQuery.post("<?php echo PLUGINDIR; ?>/calendar/draw_calendar.php", 

également de la determining plugin and content pages page, il semble que vous pouvez utiliser plugin_basename();:

jQuery.post("<?php echo plugin_basename(); ?>/calendar/draw_calendar.php", 

Answer 2

Est-ce votre course de plug-in sur le côté admin? Dans ce cas, vous pouvez envisager d'utiliser le processeur intégré AJAX. Ainsi, vous pouvez faire quelque chose comme ça ...

<?php 

    add_action('wp_ajax_update_calender', 'update_calender_callback'); 

    function update_calender_callback(){ 
    //perhaps include your calender.php script here 
    // and run the operations you need... 
    } 

    //break the php here in the plugin file and then your js is entered after ?> 
<script type="text/javascript"> 
var calData = { 
month: currentMonth, 
year: currentYear - 2000, 
days: daysInMonth 
action: update_calender //notice we send an action here... 
} 

//The callback function I just copied and pasta from what you had... 
jQuery.post('ajaxurl',calData,function(data){ 
     jQuery("#Calender").html(data); 
     jQuery("#eventDialog").dialog({ autoOpen: false, resizable: false, 
width: 300, minHeight: 200 }); 
    jQuery("#eventDialog").bind(
"dialogopen", function(event, ui) {}); 
    }) 
</script> 

http://codex.wordpress.org/AJAX_in_Plugins

Ou pour une moins élégante, toute solution js vous pouvez essayer ...

jQuery.post(location.protocol+"//"+location.hostname+"/wp-content/plugins/yourpluginname/scriptname", data, function...