给WordPress添加一个Ajax方法

在给WordPress添加Ajax方法之前,需要确保你已经掌握了一些基本的WordPress开发知识,包括如何创建和编辑主题和插件,以及如何编写PHP和JavaScript代码。此外,你还需要了解WordPress提供的Ajax API,并知道如何使用它来处理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>

新建ajax请求(处理ajax):

function yiyan(){
      $data=array(
        'Nutmao',
        'https://www.nutmao.com/',
    );
    echo $data[rand(0,count($data)-1)];
    die();
}
add_action('wp_ajax_yiyan', 'yiyan');//为登录用户添加ajax功能
add_action('wp_ajax_nopriv_yiyan', 'yiyan');//为未登录用户添加ajax功能
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

给TA打赏
共{{data.count}}人
人已打赏
ajax前端

WordPress Ajax

2023-5-9 21:22:09

ajaxhtml5javascriptjquery

使用jQuery框架动态显示按钮文本文字

2023-6-12 14:11:10

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索