通过AJAX wordpress从页面获取内容

时间:2013-12-03 15:23:14

标签: javascript php ajax wordpress jquery

我正在使用wordpress主题,我想从另一个页面的div内的页面加载内容。

以下是我要在div中加载的页面代码:

page-usercomments.php (这是我检索当前用户评论的自定义页面模板)

<?php

    get_header();

?>

    <div id="primary" class="row">

        <div id="content" class="span9" role="main">

    <!-- GET CURRENT USER -->

    <?php

    global $current_user;
    get_currentuserinfo();

    echo 'Username: ' . $current_user->user_login . '<br />';
    echo 'User display name: ' . $current_user->display_name . '<br />';
    ?>


   <!-- GET COMMENTS OF USER -->
    <?php 
    $args = array(
    'user_id' => $current_user->ID, // use user_id
    'post_type' => 'debate'
     );
    $comments = get_comments($args);

    ?>
     <ol class="commentlist">
            <?php
              wp_list_comments(
  array(
    'per_page' => 10, //Allow comment pagination
    'reverse_top_level' => false //Show the latest comments at the top of the list
  ), 
  $comments
);
            ?>
        </ol><!-- .commentlist -->
        </div><!-- #content .site-content -->

    </div><!-- #primary .content-area -->

<?php get_footer(); // This fxn gets the footer.php file and renders it ?>

我想在另一个页面的div中获取此页面的输出,我想使用 AJAX ,这是代码:

更新

     $.ajax({
     type: "GET",
     url:"http://www.mywebsite.co/cpt/user-comments",
     cache: false,
     dataType: 'html',
     success: function(data){
               $("#div").append(data);        //   <--- look here
    },
     error: function(){ },
     complete: function(){ }
    });

    });

稍后更新:我已使用WORDPRESS解决了这个问题* AJAX API *

这是正确的方法吗?

此外,我不知道应该如何添加网址,因为为我要检索的网页创建的永久链接是“mywebsite.com/user-comments” 谢谢!

1 个答案:

答案 0 :(得分:2)

这是我的ajax功能...

您发送了ajaxcall,当它返回成功代码时,获取数据并将其放入div。

$.ajax({
    type: "GET",
    url: yourUrl,
    cache: false,
    dataType: 'html',
    success: function(data){
               $("#div").append(data);        //   <--- look here
    },
    error: function(){ },
    complete: function(){ }
});