JQuery - 留言之后，不重新加载数据，直接显示发表内容

留言板中，发表信息的时候，使用Ajax存储到后台数据库，如果存储成功，不重新加载数据库，直接显示发表内容。

代码：

var Nicehng = '';

var kkimgpath = '';

var text = '';

$(function () {

    if ($(document).scrollTop() != 0) {

        //刷新之后，回到顶部

        $('body,html').animate({ scrollTop: 0 }, 300);

    }

    //点击发表留言

    $("#submit").click(function () {

        editor.sync();

        text = $.trim($('#KindEditor').val());//获取KindEditor的内容

        if (text == "") {

            art.dialog({ id: 'TS', width: 325, height: 170, content: '请输入内容！' });//显示提示文本框

        }

        else {

            Nicehng = $.trim($("#NiCheng").val());

            if (Nicehng == "") {

                Nicehng = '匿名';

            }

            var IgP = Imgpath();

            kkimgpath = "../Images/demopage/image-" + IgP + ".jpg";

            $.ajax({

                type: "POST",

                url: "Handeler/Ajax.ashx",

                data: "NiCheng=" + Nicehng + "&Imgpath=" + kkimgpath + "&text=" + text + "",

                success: function (msg) {

                    if (msg == "Null") {

                        art.dialog({ id: 'TS', width: 325, height: 170, content: '参数为空，请联系管理员！' });

                    }

                    if (msg == "True") {

                        PageBindData();//当数据库存储成功时，在前台显示发表内容。

                        //清空

                        $("#NiCheng").val();

                        $("#Radio1").attr("checked","checked");

                        $("#KindEditor").val();

                        //回到顶部

                        $('body,html').animate({ scrollTop: 0 }, 500);

                    }

                    if (msg == "False") {

                        art.dialog({ id: 'TS', width: 325, height: 170, content: '发表失败！' });

                    }

                }

            });

        }

    })

    //获取Radio选中图片的值

    function Imgpath() {

        var val = $('input:radio[name="Img"]:checked').val();

        if (val == null) {

            return "";

        }

        else {

            return val;

        }

    }

    function PageBindData() {

        var mydate = new Date();

        var t = mydate.toLocaleString();

        var imgpath = kkimgpath;

        var name = Nicehng;

        var ip = '121.123.123.12';

        var content = text;

        var time = t;

        //$("#newcontent").prepend("<div><ul><li><div><img src='" + kkimgpath + "'/></div></li><li><div><span>" + name + "</span></div></li><li><div><span>" + ip + "</span></div></li></ul></div><div><div>" + content + "</div><div><ul><li ><span >2楼</span></li><li ><span>" + time + "</span></li><li><a href='####' >回复</a></li></ul></div></div>");

        $("#newcontent").prepend("<div class= 'messagecontent'><div class='maincontent'><ul><li><div class='smheadimg'><img class='img' src='" + kkimgpath + "'></div></li><li><div class='smname'><span class='smnamesm'>" + name + "</span</div></li><li><div class='smip'><span class='smipsm'>" + ip + "</span></div></li></ul></div><div class='cmcontent'><div class='cmcontentsm'>" + content + "</div><div class='reply'><ul class='replyul'><li><span class='floor'>2楼</span></li><li><span class='time'>" + time + "</span></li><li><a class='smreply' href='javascript:void(0)'>回复</a></li></ul></div> </div></div>");

    }

})