子比主题进阶玩法 – ajax实现点击按钮弹出子比提示框

前言

之前写子比提示框都是写jq代码去处理ajax,最近试了试wp_ajax钩子来实现这个效果。本教程只适用于有些php基础的进阶玩法!

示例代码

function代码(或func.php)

执行代码

代码解释

function中首先创建了个函数 命名一下(不重复即可),子比自带提示的函数 例如zib_send_json_success成功函数,zib_send_json_error失败函数,只需要echo输出一下这个函数并里面传递一个数据即可,之后使用动作钩子挂到wp_ajax_(action)即可,使用示例

页面中写一个按钮并传入action即可,因为子比自带了按钮的class,所以就使用子比的样式,这里使用的a标签创建的按钮。zibajax=”submit”处理ajax,form-action=”动作名”这里与之前的wp_ajax_(action)一致

未登录用户

wp_ajax_(action)这个钩子是处理已登录用户的,如果没登录用户也需要进行处理。这里使用wp_ajax_nopriv_(action)钩子,通常wp_ajax和wp_ajax_nopriv一起使用

ajax处理流程

发送一个ajax请求后处理情况,下面是一个处理示例。同样也是action动作。

效果图

20251026144102566-image

查看更多心仪的内容 按Ctrl+D收藏我们
部分内容来自于网络 如有不妥联系站长删除
墨星博客欢迎前来投稿文章
© 版权声明
THE END
喜欢就支持一下吧
赞赏
评论 抢沙发

请登录后发表评论

    暂无评论内容