文章评论代码
来源:互联网 发布:Ubuntu和debian配置 编辑:程序博客网 时间:2024/05/16 04:48
<!-- data-key /文章的唯一标识 data-title /文章标题--><div id="kt_dapeng" data-key="7-20" data-title="文章标题"></div><script> !$(function(){ var kt = $("#kt_dapeng"); var url = window.location.href; //当前网址 var key = kt.data("key"); //文章的唯一标示 var title = kt.data("title"); //文章的标题 var def = "<div class=\"kt_comment\"><link href=\"\/kt_comment_css.css\" rel=\"stylesheet\" type=\"text/css\"><div class=\"kt_comment_text\"><textarea name=\"message\" class=\"com_comment\" placeholder=\"输入您的评论内容\"></textarea></div><div class=\"kt_comment_sub\"><span><input type=\"text\" name=\"com_email\" placeholder=\"输入您的常用邮箱\"></span><span><input type=\"text\" name=\"com_name\" placeholder=\"输入您的昵称\"></span><span><input class=\"span-input\" id=\"comment_submit\" type=\"button\" value=\"提交\"></span></div></div><!--留言列表开始--\><div class=\"kt_comment_list\"></div><!--留言列表开始--\><a class=\"kt_jiazai\" id=\"kt_jiazai\" >加载更多</a>"; kt.append(def); var comment_list = $(".kt_comment_list"); var jiazai = $("#kt_jiazai"); jiazai.data("start","0"); var list = ""; jz(); jiazai.on("click",function(){jz();}); //提交动作 $("#comment_submit").on("click",function(){ var message = $('.com_comment').val();var name = $("input[name='com_name']").val();var email = $("input[name='com_email']").val();if (message.length<15){ alert("评论内容也没有诚意了吧");$('.com_comment').focus(); return;} if (!email.match(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/)){ alert("邮箱格式不正确");$("input[name='com_email']").focus(); return;} if (name == ""){ alert("昵称不能为空");$("input[name='com_name']").focus(); return;} add(key,title,url,message,name,email); }); //请求加载函数 function jz(){ $.post('/index.php?m=Home&c=Comment&a=index',{key:key,start:jiazai.data("start")},function(msg){ console.log(msg);var arr_list = msg.c_list;if(arr_list!=null){ for(var i=0;i<arr_list.length;i++){ list +="<div class=\"com_li\"><p><span class=\"com_li_name\">"+arr_list[i].name+"</span> <span class=\"com_li_time\">"+arr_list[i].addtime+"</span>:"+arr_list[i].message+"</p></div>"; }} comment_list.append(list);list = ""; jiazai.data("start",msg.start);if(msg.start>=msg.count){ jiazai.text("共有"+msg.count+"条评论,没有更多了"); jiazai.off("click");}else{ jiazai.text("共有"+msg.count+"条评论,点击加载更多");} }) } //提交评论函数 function add(key,title,url,message,name,email){ $.post('/index.php?m=Home&c=Comment&a=add',{ key:key, title:title, url:url, message:message, name:name, email:email},function(msg){ if(msg.status==1){ alert(msg.info); window.location.reload(); }else{ alert(msg.info); }}); } })();</script>
0 0
- 文章评论代码
- 评论一篇搞笑文章
- 用户文章评论
- redis文章评论
- 让评论指定为某文章评论
- Android 防止多次点击提交数据(文章或评论)代码片段
- 织梦DedeCms调用列表页、文章页评论数和收藏数代码
- 掘金最热文章收藏评论分析代码实现(mongodb+express+vue)
- 博客项目对文章评论
- phpcms文章引用评论模块
- phpcms文章引用评论模块
- Jekyll发布文章+评论模块
- PHP实现文章评论系统
- jquery评论留言代码
- 用来评论切代码
- Vue.js实现文章评论和回复评论功能
- 博客项目实现文章评论功能(重点是评论回复)
- 博客项目实现文章评论功能(重点是评论回复)
- SDUT_2015寒假集训_结构体练习_C-分类游戏
- Shader变量
- Buildroot用户指南
- CCListView去掉中间的横线
- Android 多线程断点续传下载 二
- 文章评论代码
- jsp中获取bean
- struts2+hibernate 批量提交javaBean表单
- 初学安卓控件
- 微信营销实战——粉丝喜欢什么样的人工回复
- java List 排序 Collections.sort() 对 List 排序(转)
- MVC,MVP,MVVM的区别
- boost库在windows的编译及配置(VS2010)
- Android 多线程断点续传下载 三