TP5.1实现简易留言板之二

比较尴尬。。。反正是自己的学习记录。。。无所谓哪里了。

怎么获取留言内容以及精确评论呢？我是用｛volist｝｛/volist｝标签做了一个循环然后

<button class="good" id="{$vo.id}" type="button" value="">点赞数目{$vo.dianzan}</button>
            <button class="bad" id="{$vo.id}" type="button" value="">讨厌数目{$vo.taoyan}</button>
            <button class="speak" id={$i} type="button">提交评论</button>
            <input class="text-s" id={$vo.id} type="text" value="" />
            <button class="look" id="{$i}" type="button" value="">展示评论</button>
            <button class="close" id="{$i}" type="button" value="">关闭评论</button>
            <div class="show" id="{$vo.id}">
            </div>
            <button id="worring" type="button">举报</button>
        </div>

用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 = "<span class = 'ls1' >" + d[num]['pltime'] + "</span>";
                                var new_br = "<br>";
                                var new_span1 = "<span class = 'ls2' >" + d[num]['uid'] + " *对* " + d[num]['toid'] + "说:" + "</span>";
                                var new_span2 = "<span class = 'ls3' >" + d[num]['pinglunneirong'] + "</span>";
                                var new_br1 = "<br>";
                                // var new_br2 = "<button  type = 'button'>" + "回复按钮暂时不启用" + "</button>" + "<br>";
                                $(".show:eq(" + x + ")").append(new_span, new_br, new_span1, new_span2, new_br1);
                            }
                        } else {
                            var span = "<span>" + "暂时没有人评论！不是政敏的原因哦" + "</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%的关系。月底就撤了，暑假看看把英语再学习，拿出四级证，然后考高中的信息老师。哎，考上本科的感觉真好。

最后一句，可以骂我的代码。求各位大佬别骂我人。我肥宅一个，既不是现充，也不是键盘侠。求放过我本人人格。