新闻点评

最新推荐文章于 2021-12-25 12:01:54 发布

eastbird

最新推荐文章于 2021-12-25 12:01:54 发布

阅读量393

点赞数

分类专栏： PHP HTML JS

本文链接：https://blog.csdn.net/eastbird/article/details/49951479

版权

JS 同时被 3 个专栏收录

17 篇文章 0 订阅

订阅专栏

HTML

14 篇文章 0 订阅

订阅专栏

PHP

11 篇文章 0 订阅

订阅专栏

文件1： CommentData.html

<!DOCTYPE html PUBLIC>
<!--[if IE 7]>         <html class="no-js ie7"> <![endif]-->
<!--[if IE 8]>         <html class="no-js ie8"> <![endif]-->
<!--[if IE 9]>         <html class="no-js ie9"> <![endif]-->
<!--[if gt IE 9]><!--> <html class="no-js"> <!--<![endif]-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>新闻点评功能</title>
    <style>
    body {height:100px;font-size:16px;color:#048bcc;margin:5%;}
    a {text-decoration:none;}
    .divFrame {width:572px;border:solid 1px #666;background-color:#fafcff:}
    .divFrame .divTitle {padding:5px;background-color:#eee}
    .divFrame .divTitle span{padding:2px;padding-top:5px;font-family:黑体;font-size:14px;}
    .divFrame .divContent {padding:5px}
    .divFrame .divContent .clsShow {font-size:16px;}
    .divFrame .divContent .clsShow .ShowBottom{text-align:right;font-size:12px;color:#555;}
    .divFrame .divSubmit{padding:20px;}
    .divFrame .divSubmit .SubContent .SubBtn{padding-top:10px;padding-bottom:12px;font-size:12px;color:#555;font-weight:bold;}
    .btn {border:#666 1px solid;width:80px;}
    .txt {width:525px;margin-bottom:5px;margin-top:5px;}
    .clsError {margin-bottom:5px;margin-top:5px;}
    .clsTip {position:absolute;width:160px;text-align:center;font-size:13px;border:solid 1px #cc3300;padding:2px;margin-bottom:5px;background-color:#ffe0a3;}
    </style>
    <script src="js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript">
    $(function(){
        $("#divMsg").ajaxStart(function(){
            $(this).html("正在发送数据请求......").show(); //显示元素
        })
        $("#divMsg").ajaxStop(function(){
            $(this).html("数据处理完成。").hide(); //显示后再隐藏
        })
        //初始化点评数据
        LoadData();
        $("#Button1").click(function(){
            var strName = $("#txtName").val();
            var strContent = $("#txtContent").val();
            $.ajax({
                type:"GET",
                url:"addData.php",
                data:{name:strName,content:strContent},
                dataType:"html",
                success:function(msg){
                    alert(msg);
                    LoadData();
                    $("#txtName").val("");
                    $("#txtContent").val("");
                }
            })
        })
        //动态加载XML格式的点评数据
        function LoadData(){
            $.ajax({
                type:"GET",
                url:"CommentData.xml", //请求XML格式数据
                dataType:"xml",
                cache:false,
                success:function(data){
                    $(".divContent").empty();  //先清空标记中的内容
                    var strHTML = "";  //初始化保存内容变量
                    //如果没有找到数据
                    if ($(data).find("Data").length == 0){
                        strHTML = "<div style='text-align:center'>目前还没有找到点评数据！</div>";
                    }
                    //遍历获取的数据
                    $(data).find("Data").each(function(){
                        var $strUser = $(this);
                        strHTML += "<div class='clsShow'>";
                        strHTML += "<div class='ShowTitle'>网友游侠  <a href=''>" + $strUser.find("name").text() +"</a></div>";
                        strHTML += "<div class='ShowContent'>" + $strUser.find("content").text() +"</div>";
                        strHTML += "<div class='ShowBottom'>发送时间  " + $strUser.find("date").text() +"</div>";
                        strHTML += "</div>";
                    })
                    $(".divContent").html(strHTML); //显示处理后的数据
                }
            })
        }
    })
   
    </script>
</head>
<body>
  <div class="divFrame">
    <div class="divTitle">
        <span>最新点评</span>    
    </div>
    <div class="divContent">
    </div>
    <div class="divSubmit">
        <div class="SubTitle">发表评论
            <span id="divMsg" class="clsTip">正在发送数据请求......</span>
        </div>
        <div class="SubContent">
            <textarea id="txtContent" rows="6" class="txt"></textarea>
            <div class="SubBtn">
                <span style="float:left">用户名：<input id="txtName" type="text" class="txtName" /></span>
                <span style="float:right"><input id="Button1" type="button" value="发表" class="btn" /></span>
            </div>
        </div>
    </div>  
  </div>
</body>
</html>

文件2： addDate.php （该文件功能还未实现）

<?php
$strName = $_GET["name"];
$strContent = $_GET["content"];
$strFileName = "CommentData.xml";

/*<%@ Page Language="C#" ContentType="text/html" ResponseEncoding="gb2312" %>
<%@ Import Namespace = "System.xml" %>
<%@ Import Namespace = "System.IO" %>
<%
    string strName = System.Web.HttpUtility.UrlDecode(Request["name"]);
    string strContent = System.Web.HttpUtility.UrlDecode(Request["content"]);
    string strFileName = "CommentData.xml";
    XmlDocument xmlDoc = new XmlDocument();  //定义XML文档变量
    xmlDoc.Load(Server.MapPath(strFileName));  //打开指定的XML文档
    XmlNode xmlN = xmlDoc.SelectSingleNode("Comment"); //查找根节点元素
    XmlElement xmlE = xmlDoc.CreateElement("Data");  //加入一个节点元素

    XmlElement xmlEn = xmlDoc.CreateElement("name");  //创建一个子节点
    xmlEn.InnerText = strName;  //设置节点文本
    xmlE.AppendChild(xmlEn);   //添加到节点中

    XmlElement xmlEc = xmlDoc.CreateElement("content");  //创建一个子节点
    xmlEc.InnerText = strContent;  //设置节点文本
    xmlE.AppendChild(xmlEc);   //添加到节点中

    XmlElement xmlEd = xmlDoc.CreateElement("date");  //创建一个子节点
    string strSendTime = DateIime.Now.Hour + ":" + DateIime.Now.Minute + ":" + DateIime.Now.Second;
    xmlEd.InnerText = strSendTime;  //设置节点文本
    xmlE.AppendChild(xmlEd);   //添加到节点中

    xmlN.AppendChild(xmlE);  //将节点加入根节点中
    xmlDoc.Save(Server.MapPath(strFileName));  //保存创建好的文档
    Response.Write("您的点评已成功发表！");
%>*/
echo "您的点评已成功发表！";
?>

文件3： CommentData.xml 该文件动态创建。

文件4：

eastbird

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
新闻点评

文件1： CommentData.html 新闻点评功能 body {height:100px;font-size:16px;color:#048bcc;margin:5%;} a {text-decoration:none;} .divFrame {width:57
复制链接

扫一扫

专栏目录