Ajax实现phpcms 点赞功能实例代码

 更新时间:2017年03月09日 11:27:22   作者:Young-杨培丽  
这篇文章主要介绍了Ajax实现phpcms 点赞功能实例代码,非常不错,具有参考借鉴价值,需要的朋友可以参考下

首先 是将后台中 模块--->新闻心情--->心情配置  去掉多余的剩一个,名称改成 “赞” 提交保存。

其次 是修改新闻心情的模板文件:/phpcms/templates/default/mood/index.html

删除所有代码只返回点赞总数量

{loop $setting $k $v} 
{$data[$v['fields']]} 
{/loop} 

模板页面的实现如下  通过循环数组

<div class="info"> 
          <a href="http://phpcms.com/content-150-1-1.html" target="_blank" title="展会现场人头攒动"><h4 class="title ellipsis download">展会现场人头攒动</h4></a> 
          <p class="date">2017-02-01</p> 
          <div class="sum"> 
            <span class="laud"><i class="iconfont zanbtn" >赞</i><a href="javascript:;" rel="external nofollow"  <span style="min-width: 0px; min-height: 0px; box-sizing: border-box; color: rgb(34, 34, 34); unicode-bidi: -webkit-isolate; font-family: Consolas, "Lucida Console", monospace; white-space: pre-wrap;">id</span><span style="color: rgb(34, 34, 34); font-family: Consolas, "Lucida Console", monospace; white-space: pre-wrap;">="</span><span style="min-width: 0px; min-height: 0px; box-sizing: border-box; color: rgb(34, 34, 34); unicode-bidi: -webkit-isolate; font-family: Consolas, "Lucida Console", monospace; white-space: pre-wrap;">zans{$r[id]}</span><span style="color: rgb(34, 34, 34); font-family: Consolas, "Lucida Console", monospace; white-space: pre-wrap;">" </span> title="<span style="color: rgb(34, 34, 34); font-family: Consolas, "Lucida Console", monospace; white-space: pre-wrap;">$r[id]}</span>">0</a></span> 
          </div>  
        </div> 

ajax 处理  K=8是点赞   

$(".zanbtn").on("click",function(){ 
                var id = $(this).next().attr("title"); 
                var aval = $(this).next("a").html(); 
                $.getJSON('http://phpcms.com/index.php?m=mood&c=index&a=post&id=150-'+id+'-1&k=8&'+Math.random()+'&callback=?', function(data){ 
                  if(data.status==1) { 
                    console.log( $(this).next()); 
                    $("#zans"+id).html(data.data); 
                  }else { 
                    alert(data.data);   
                    return false;       
                  } 
                }) 
              }); 

以上所述是小编给大家介绍的Ajax实现phpcms 点赞功能实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • Ajax获取页面被缓存的解决方法

    Ajax获取页面被缓存的解决方法

    常利用AJAX写一些页面无刷新的内容获取页面,这种方式很快捷也很方便,但其中有一个问题,就是如果两次提交的参数相同时,返回的内容只返回上次获取的内容,如果我们在第一次修改了参数,第二次再次调用却会发现页面根本没有改变。
    2008-09-09
  • AJAX下的请求方式以及同步异步的区别小结

    AJAX下的请求方式以及同步异步的区别小结

    AJAX中的请求方式以及同步异步的区别小结,学习ajax处理请求的朋友可以参考下。
    2010-08-08
  • ajax实现加载数据功能

    ajax实现加载数据功能

    这篇文章主要为大家详细介绍了ajax实现加载数据功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-05-05
  • 如何使用ajax读取Json中的数据

    如何使用ajax读取Json中的数据

    这篇文章主要介绍了如何使用ajax读取Json中的数据,如何使用AJAX读取Json数组里面的数据,感兴趣的小伙伴们可以参考一下
    2016-04-04
  • 全面解析Ajax综合应用(全)

    全面解析Ajax综合应用(全)

    AJAX = 异步 JavaScript 和 XML,AJAX 是一种用于创建快速动态网页的技术。本文给大家带来了全面解析Ajax综合应用大全,非常不错具有参考借鉴价值,感兴趣的朋友一起看下吧
    2016-06-06
  • 给Ajax返回的HTML标签动态添加样式的方法

    给Ajax返回的HTML标签动态添加样式的方法

    这篇文章主要介绍了给Ajax返回的HTML标签动态添加样式的方法,需要的朋友可以参考下
    2017-04-04
  • 使用Ajax进行文件与其他参数的上传功能(java开发)

    使用Ajax进行文件与其他参数的上传功能(java开发)

    这篇文章主要介绍了使用Ajax进行文件与其他参数的上传功能(java开发),非常不错,具有参考借鉴价值,需要的朋友参考下吧
    2017-01-01
  • AJAX应用之草稿自动保存

    AJAX应用之草稿自动保存

    AJAX应用之草稿自动保存...
    2006-10-10
  • js与jQuery终止正在发送的ajax请求的方法

    js与jQuery终止正在发送的ajax请求的方法

    这篇文章主要介绍了js与jQuery终止正在发送的ajax请求的方法,实例分析了jQuery与JavaScript终止ajax请求的实现技巧与相关注意事项,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-12-12
  • Ajax实现动态加载数据

    Ajax实现动态加载数据

    这篇文章主要为大家详细介绍了Ajax动态加载数据的小例子,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-05-05

最新评论