tp5.1简易留言板版本一（学习记录）1
比较尴尬。。。反正是自己的学习记录。。。无所谓哪里了。
怎么获取留言内容以及精确评论呢？我是用｛volist｝｛/volist｝标签做了一个循环然后
用class和id分别是标记button的名字 和 精确定位。
插一句，我隐约已经知道class和id怎么用了，确实是实践出真知
$(document).ready(function() {
var check = 1;
$(".look").click(function() {
var x = $(this).attr('id');
var x = x - 1;
$(".show:eq(" + x + ")").show();
var ids = $(".show:eq(" + x + ")").attr("id");
//文章id
$.ajax({
type: "post",
url: "http://liuyanban.cn/public/index.php/index/index/huifu",
data: {
'id': ids,
},
dataType: "json",
complete: function(i) {
var d = eval("(" + i.responseText + ")");
var check = d.length;
console.log(check);
var num;
if (check != 0) {
for (num = 0; num < d.length; num++) {
var new_span = "" + d[num]['pltime'] + "";
var new_br = "
";
var new_span1 = "" + d[num]['uid'] + " *对* " + d[num]['toid'] + "说:" + "";
var new_span2 = "" + d[num]['pinglunneirong'] + "";
var new_br1 = "
";
// var new_br2 = "" + "
";
$(".show:eq(" + x + ")").append(new_span, new_br, new_span1, new_span2, new_br1);
}
} else {
var span = "" + "暂时没有人评论！不是政敏的原因哦" + "";
$(".show:eq(" + x + ")").append(span);
}
}
})
});
$(".close").click(function() {
var x = $(this).attr('id');
var x = x - 1;
$(".show:eq(" + x + ")").hide();
$(".show:eq(" + x + ")").empty();
});
$(".speak").click(function() {
var x = $(this).attr('id');
var x = x - 1;
var m = $(".text-s:eq(" + x + ")").val();
var n = $(".text-s:eq(" + x + ")").attr("id");
if (m != '') {
$.ajax({
type: "post",
url: "http://liuyanban.cn/public/index.php/index/index/pinglun",
data: {
'id': n,
'text-body': m
},
dataType: "json",
success: function(data) {
window.location.reload();
}
})
} else {
alert("请输入评论内容");
}
});
$(".good").click(function() {
var Oa = $(this);
var id = Oa.attr('id');
$.ajax({
type: "post",
url: "http://liuyanban.cn/public/index.php/index/index/dianzan",
data: {
'id': id
},
dataType: "json",
success: function(data) {
window.location.reload();
}
})
});
$(".bad").click(function() {
var Oa = $(this);
var id = Oa.attr('id');
$.ajax({
type: "post",
url: "http://liuyanban.cn/public/index.php/index/index/taoyan",
data: {
'id': id
},
dataType: "json",
success: function(data) {
window.location.reload();
}
})
});
});
嗯，以上就是jQuery的代码，一开始确实不是很懂，然后看了论坛里大佬的方法，自己摸索出来了一个很垃圾的东西。但是还是存在一个致命的bug就是你点击显示评论，再点击关闭评论，这样评论内容不会出现重复。但是你要是一直点击显示评论，则会不停的重复出现，直到你点击关闭为止。应该还是在complete函数加限制了，无奈本人技术实在有限QWQ。
其他的倒是没什么了。下一个版本就是把界面弄得好看点，用bootstrap美化一下。还有上一篇提到的各种功能。
嗯，距离发工资还有2天，虽然钱很少，真的少，当然跟我技术渣有99%的关系。月底就撤了，暑假看看把英语再学习，拿出四级证，然后考高中的信息老师。哎，考上本科的感觉真好。
最后一句，可以骂我的代码。求各位大佬别骂我人。我肥宅一个，既不是现充，也不是键盘侠。求放过我本人人格。