在 Wordpress 插件中使用 jQuery post() 或 load()

Question

我正在开发一个插件并有一个快速的问题...我首先将我的插件开发为一个单独的“网页”，现在正在将它集成（包装）到一个 WP 插件中。它在 WP 之前都正常运行，现在几乎正常运行，但我遇到了一个有趣的问题。无论如何，对于我的问题...在 WP 侧边栏中使用 jQuery .post() 函数是否存在某种问题？我正在尝试做这种事情......

 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) {});
   });

jQuery 中的所有内容都可以正常工作，只是从文件返回的数据似乎从未添加到 HTML 中，并且返回的只是“这是一个变量”。

我认为这可能与路径在 jQuery 和 Wordpress 中的工作方式有关，但我不知道该怎么做。我没有在网上看到任何其他信息，所以也许我只是在做一些愚蠢的事情。

谢谢。

Answer 1

您应该使用 WP API (bloginfo()) 为您的 WP Plugin 获取正确的目录...类似于：

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

正如 Brad 指出的那样，您需要使用 wpurl。 此外，正如 awats 所写，您也许可以将 WP 常量用于插件目录。我不太确定它的格式：

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

同样来自determining plugin and content pages page，看来你可以使用plugin_basename();：

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

Answer 2

您的插件是否在管理员端运行？在这种情况下，您可以考虑利用内置的 AJAX 处理器。所以你可以做这样的事情......

<?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

或者对于不太优雅的全 js 解决方案，您可以尝试...

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