2015-01-14 17 views
0

我在我的Wordpress主题中有一个区域,其中显示有关随机分类的信息。基本上,该分类是“剧作家”,我在主页上随机选择一个。下面是HTML:刷新以显示新的/随机分类法

<div id="home-top-right"> 
    <?php 
    $allpw = get_terms('playwrights', 'hide_empty=0'); 
    $randpw = $allpw[ array_rand($allpw) ]; 
    $randpw = get_term($randpw->term_id, 'playwrights'); 
    $pwlink = get_term_link($randpw->term_id, 'playwrights'); 
    ?> 

    <div class="title"> 
    Playwright Spotlight 
    <li class="fa fa-refresh refresh"></li> 
    </div> 
    <div class="content" id="p-spotlight"> 
     <?php if (get_field('image', 'playwrights_'.$randpw->term_id)) { ?> 
     <div class="thumb"> 
      <?php $imageid = get_field('image', 'playwrights_'.$randpw->term_id); ?> 
      <a href="<?php echo $pwlink; ?>"> 
      <?php echo wp_get_attachment_image($imageid, 'pwthumb'); ?> 
      </a> 
     </div> 
     <?php } ?> 
     <div class="text"> 
      <div class="sub-title"> 
      <a href="<?php echo $pwlink; ?>"><?php echo $randpw->name; ?></a> 
      </div> 
     <?php echo print_excerpt('', '200'); ?> 

     </div> 
    </div> 
</div> 

我希望能够点击一个按钮(在代码中,它是<i>标签),并重新加载只是部分(而不是整个页面)与新的随机分类项(剧作家)。我对JS/jquery并不擅长,而且我无法在网上找到一个教程,这使得我需要去的地方,尤其是考虑到post数据和js函数之间的交换。

我应该怎么办?

回答

0

默认情况下,WordPress有一个admin-ajax.php文件,您可以发送AJAX调用。您可以创建一个挂钩链接到您自己的自定义函数,您可以在其中执行所需的操作,例如获取随机词并将其发送回客户端。 然后,您可以将一个值传递给您的AJAX调用,称为“操作”。当admin-ajax.php通过“挂钩”操作获取POST请求时,您的自定义函数正在执行。

看一看下面更详细的解释链接:

  1. http://premium.wpmudev.org/blog/how-to-use-ajax-with-php-on-your-wp-site-without-a-plugin/
  2. http://codex.wordpress.org/AJAX_in_Plugins
+0

谢谢,这给了我一个很好的起点。如果我成功地完成了这个项目,我会回来一个代码示例。 – Eckstein