Ajax + wordpress onClick链接重定向到新页面并创建html内容

Question

我的wordpress插件中有两页

• 的index.php
• charts.php

index.php中的

我有一些内容和一些链接..

 <a onclick="show_trend()" >Trend</a>

单击此链接时，我有一个ajax函数来创建charts.php中的内容（我不知道它是否正确）

function show_trend() {
 var data ="action=render_admin_charts_page";
   jQuery.ajax({
                    type: "POST",
                    url: "../wp-admin/admin-ajax.php",
                    data: data,
                    dataType: 'json',
                    success: function(data) {

                      alert(data);
                     //here i want to create html content

                    }
                });

}

以下是我的php函数和钩子

function render_admin_charts_page() {
    ?>
    <div class="wrap">
        <div class="chart">

        </div>
    </div>
    <?php
     die();
}
add_action( 'wp_ajax_render_admin_charts_page', 'render_admin_charts_page' );

现在我得到0警报。

Answer 1

尝试json编码html

add_action( 'wp_ajax_render_admin_charts_page', 'render_admin_charts_page' );
add_action( 'wp_ajax_nopriv_render_admin_charts_page', 'render_admin_charts_page' );
function render_admin_charts_page() {

    $something = '<div class="wrap">
        <div class="chart">

        </div>
    </div>
    ';
    $output = array( $something);
    $output = json_encode($output);
    echo $output;
    die();  
}

有关详细信息，请查看http://codex.wordpress.org/AJAX_in_Plugins