<html><head> <meta name="viewport" content="width=device-width" /> <title>Comment</title> <script src="~/Script/jquery-1.10.2.min.js"></script></head><body> <div style="width:1010px; margin:50px; border-color:antiquewhite" id="refreshContainer"> <input type="button" value="显示"/> <div style="width:1000px; margin:50px"> <p> <img src='' width="40" height="40" id="img" /> <label id="s1"></label><label id="s2" style="margin:200px;"></label> </p> <p> <span>发布人：</span><label id="L"></label> </p> <p> <h3> 宝贝介绍 </h3> <div id="s3" style="height:80px;"> </div> <img src="" id="Img1" width="600" height="300" />
</p> </div>
<h2 style="width:1000px; margin:50px">评论</h2> <p style="border-bottom-style:double;width:1000px; margin:50px"></p> <div id="P1" style="width:1000px; margin:50px">
<table style="margin-left:50px"></table> </div> <p style="border-bottom-style:double; width:1000px; margin:50px"></p>
<div style="width:1000px; margin:100px"> <form id="f1"> <p> <input type="hidden" name="NewsID" value="@Request.QueryString["ID"]"/> <input type="hidden" name="FileName" value="/Image/QQ图片20181115110035.gif" /> 评论称呼：<input type="text" name="Name" id="Name" /><span style="color:red;" id="Ping1">*</span> </p> <div> <textarea id="Context" name="Context" style="width:500px;height:100px"></textarea> </div> <input type="button" οnclick="AddBut()" value="评论" /> </form> </div>
</div> <p class="refreshText"></p>
</body></html><script> $(function () { //查询单个集市信息 $.ajax({ url: "http://localhost:8888/News/GetNew", data: { id:@Request.QueryString["ID"], }, type: "get", success: function (data) { $("#img").attr("src",data.TypeImg); $("#s1").text(data.Title); $("#s2").text(data.CreateTime); $("#L").text(data.Name); $("#s3").text(data.Context); $("#Img1").attr("src", data.FileName); }
})
//查询所有评论 $.ajax({ url: "http://localhost:8888/Comment/GetComments", data: { ID:@Request.QueryString["ID"], }, type: "get", success: function (data) { $(data).each(function (i,data) { $("table").append("<tr><td style = \"width:240px\" > <img src=\"" + data.FileName + "\" width=\"40\" height=\"40\" /> <span>" + data.Name + "</span> <br /> <span>" + data.CreateTime + "</span></td><td><span>" + data.Context + "</span></td></tr>"); }) }
}) })
//添加评论 function AddBut() {
if ($("#Name").val().trim().length <= 0 && $("#Name").val().trim().length >=10 ) { $("#Ping1").html("必填项，不超过10个字"); } $.ajax({ url: "http://localhost:8888/Comment/AddComment", data: $("#f1").serialize() , type: "post", success: function (data) { if (data > 0) { alert("评论成功"); location.href = "/News/Comment?ID=@Request.QueryString["ID"]" } else { alert("失败！！") } }
}) }
</script>
转载于:https://www.cnblogs.com/Wangyang11/p/10003745.html
