zoukankan      html  css  js  c++  java
  • 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',  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',  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',  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>");
        }
    })
    

      

  • 相关阅读:
    首尾相连一维数组的最大子数组和
    二柱子——在线答题
    二维数组求最大值
    最大子数组和 10.11作业
    最大子数组

    异常
    面向对象2
    面向对象1
    java数据类型
  • 原文地址:https://www.cnblogs.com/KTblog/p/4781999.html
Copyright © 2011-2022 走看看