欢迎来到路由器窝!

PbootCMS实现AJAX无刷新点赞功能

浏览次数:

作者: 小编

信息来源:

更新日期: 2022-12-14 10:01

文章简介

<button class="zan">点赞</button> <!--按钮---><div id="zan_number">{content:likes}<

  • 正文开始
  • 相关文章
<button class="zan">点赞</button>  <!--按钮--->
<div id="zan_number">{content:likes}</div>  <!--赞数量-->
<script>
$('.zan').on('click',function() { //绑定事件
    $.ajax({
        url: '{content:likeslink}', //点赞链接
        data: {
            'likes': 'likes'
        },
        success: function(data) {
            $('#zan_number').load(location.href + " #zan_number"); //点赞后刷新#zan_number
            if (data.state) {} else {
                $(".yizan").HTML("已点赞!") //已赞提示
            }
        },
        error: function(xhr, status, error) {
            console.log(error)
        }
    });
}) 
</script>


转载请注明:Pbootcms» PbootCMS实现AJAX无刷新点赞功能

标签:
  • pbootcms标签{pboot:list}里添加新的字段ico(例:副栏目的小图)
    953阅读
    1,找到ParserController.php,添加代码路径:\apps\home\controller\ParserController.php作用:该文件的作用之一,便是识别标签代码,如:“[list:title]”修改:大约在3580行,注释为“// 解析列表标签”的方法里,添加新的case。 原代码:case...
  • pbootcms栏目添加字段
    375阅读
    添加栏目简介内容-字段名字为:sortdesc 更改模板文件/apps/admin/view/default/content/contentsort.html 搜索栏目副名 在下层面加入 div class=layui-form-item label class=layui-form-label栏目简介/label d...
  • 图片自适应
    603阅读
    .section-title p img {display: block; width: 100%;}
  • Pbootcms在线留言上传附件压缩包图片视频其他文件
    714阅读
    前端引入pb自带的layui的js和css<link rel="stylesheet" href="/apps/admin/view/default/layui/css/layui.css"><script type="text/javascript&...
  • 无form搜索代码
    873阅读
    <input type="text" id="txtkey" placeholder="请输入关键字" name="sear_key" /> <input type="button" value=&qu...
  • PbootCMS后台列表页搜索字段修改为自定义字段
    596阅读
    开始修改如下首页打开 apps–>admin–>model–>content 中的 ContentModel.php 文件。修改函数 public function findContent($mcode, $scode, $keyword) 中相关代码:在大概 115 行处加入 ‘content_ex...
  • yunucms判断分站显示内容
    181阅读
    ?php$area=config(sys.sys_area) ? db(area)-where([etitle=config(sys.sys_area)])-find():[];if($area){?友情链接分站显示?php}else{?友情链接分站不显示?php }??php$area=config(sys.sys_...
  • 用PbootCms API接口实现Ajax无刷新分页 点击加载更多
    844阅读
    PbootCms自带了API接口,我们可以通过这个API接口http://域名/api.php/list/ 调取分页所需的数据。我建议这种分页,不要一上来就全部使用Ajax获取数据,因为Ajax是不会被百度收录的。我建议的做法是,在列表页先使用模板标
  • Pbootcms默认sqlite数据库转mysql实例
    961阅读
    转换步骤:1,安装附件里的Navicat软件,包含windows版和mac版,里面包含软件破解教程2,连接sqlite和mysql数据库,点工具---数据传输(mysql可以是服务器上的,也可以是本地环境创建的)3,左边选择sqlite,右边选择mysql,点下方的选项,把“包含索引”取消勾选,然后下一步4,勾选左边的...
  • pbootcms 幻灯片添加第二个图片
    874阅读
    \apps\home\controller\ParserController.php 解析幻灯片标签 case 'srcsrc': if ($value->picpic) {...
上一页:pbootcms使用Ajax无刷新提交留言带验证
下一页:Pbootcms默认sqlite数据库转mysql实例
最近更新作品
PbootCMS模板后台内容列表增加自定义字段显示
更新时间:2024-04-13

574人已经看过了!

PbootCMS后台列表页搜索字段修改为自定义字段
更新时间:2024-03-20

596人已经看过了!

图片居中显示
更新时间:2023-10-16

510人已经看过了!

多选按钮调用判断
更新时间:2023-10-15

776人已经看过了!

轮播多图添加副标题
更新时间:2023-08-08

794人已经看过了!

幻灯片添加一个副图片
更新时间:2023-07-18

641人已经看过了!

自定义多图添加标题
更新时间:2023-07-18

792人已经看过了!

pbootcms 搜索多模板样式
更新时间:2023-07-18

644人已经看过了!

pbootcms 幻灯片添加第二个图片
更新时间:2023-06-29

874人已经看过了!