为wordpress添加ajax方法

wordpress作为一款维护开发了18年的程序,是让PHP焕发第一春的大功臣。wordpress可谓是极其强大。我们就做一个切换一言的api页面来演示”为wordpress添加ajax方法“吧,简单、方便理解。

前端页面:

<span id="random"><i id="say"><?php echo random_str();?></i> [<a href="javascript:void();" onclick="yiyan();" rel="nofollow">换一句</a>]</span>
<?php $admin_url=admin_url( 'admin-ajax.php' );?>
<script type="text/javascript">
function yiyan(){
jQuery(document).ready(function($){
var data={
action:'say'
}
$.post("<?php echo $admin_url;?>", data, function(response) {
$("#say").text(response);
});
});
}
</script>
<span id="random"><i id="say"><?php echo random_str();?></i> [<a href="javascript:void();" onclick="yiyan();" rel="nofollow">换一句</a>]</span>
<?php $admin_url=admin_url( 'admin-ajax.php' );?>
<script type="text/javascript">
function yiyan(){
    jQuery(document).ready(function($){
        var data={
            action:'say'
        }
        $.post("<?php echo $admin_url;?>", data, function(response) {
            $("#say").text(response);
        });
    });
}
</script>
<span id="random"><i id="say"><?php echo random_str();?></i> [<a href="javascript:void();" onclick="yiyan();" rel="nofollow">换一句</a>]</span> <?php $admin_url=admin_url( 'admin-ajax.php' );?> <script type="text/javascript"> function yiyan(){ jQuery(document).ready(function($){ var data={ action:'say' } $.post("<?php echo $admin_url;?>", data, function(response) { $("#say").text(response); }); }); } </script>

新建ajax请求(处理ajax):

function yiyan(){
$data=array(
'KEKC博客',
'https://www.kekc.cn/',
);
echo $data[rand(0,count($data)-1)];
die();
}
add_action('wp_ajax_yiyan', 'yiyan');//为登录用户添加ajax功能
add_action('wp_ajax_nopriv_yiyan', 'yiyan');//为未登录用户添加ajax功能
function yiyan(){
      $data=array(
        'KEKC博客',
        'https://www.kekc.cn/',
    );
    echo $data[rand(0,count($data)-1)];
    die();
}
add_action('wp_ajax_yiyan', 'yiyan');//为登录用户添加ajax功能
add_action('wp_ajax_nopriv_yiyan', 'yiyan');//为未登录用户添加ajax功能
function yiyan(){ $data=array( 'KEKC博客', 'https://www.kekc.cn/', ); echo $data[rand(0,count($data)-1)]; die(); } add_action('wp_ajax_yiyan', 'yiyan');//为登录用户添加ajax功能 add_action('wp_ajax_nopriv_yiyan', 'yiyan');//为未登录用户添加ajax功能
© 版权声明
THE END
喜欢就支持一下吧
点赞15 分享
Pain changes people. However, love will finally guide them back.
伤痛会改变一个人,但爱最终总会让你找回最初的自己
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片快捷回复

    暂无评论内容