HomeController.cs的类:
public ActionResult Words()
{
ViewBag.Messages = BLL.Messages.GetListByUserId("1");
return View();
}
#region 增加留言
public ActionResult AddWords()
{
string recieveName = Request.Form["recievename"];
string sendName = Request.Form["sendname"];
string projectId = Request.Form["projectid"];
string context = Request.Form["context"];
string addtime=DateTime.Now.ToString();
if (BLL.Messages.AddMessages(recieveName, sendName, projectId, context) > 0)
{
return Content("{\"context\": \"" + context + "\", \"flag\": true,\"sendname\": \"" + sendName + "\",\"AddTime\": \"" + addtime + "\",\"message\":\"发送成功\"}");
}
else
{
return Content("{\"message\":\"发送成功\",\"flag\":false}");
}
}
#endregion
Words.cshtml
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>留言板</title>
<script src="../../Scripts/jquery-1.7.1.js"></script>
<link href="../../Content/bootstrap.min.css" rel="stylesheet" />
<style type="text/css">
.liuyan_list{
}
.liuyan_list li{
border-bottom:1px solid #E5E5E5;
padding:10px 0px;
line-height: 2;
}
.liuyan_but{
width:100%;
height: 50px;
background:#19a39e;
position: fixed;
bottom: 0;
left:0;
text-align: center;
}
ul li{
list-style: none;
padding: 0px;
margin: 0px;
}
</style>
<script type="text/javascript">
$(function () {
$("#btnsend").click(function () {
if ($(".form-control").val() == "") {
alert("留言内容不能为空");
return false;
}
var context = $(".form-control").val();
var sendname = "zhumm";
var recieve = "zhummR";
$.ajax({
url: "@Url.Action("AddWords")",
type: "POST",
data: { "projectid": "1", "context": context, "sendname": sendname, "recievename": recieve },
success: function (data) {
var jsonResult = eval("(" + data + ")");
if (jsonResult.flag == true) {
alert(jsonResult.message);
$(".liuyan_list").append("<li><h4>" + jsonResult.sendname + "</h4><p>" + jsonResult.AddTime + "</p><p>" + jsonResult.context + "</p></li>");
$(".form-control").val("");
}
}
});
});
})
</script>
</head>
<body>
<!--留言列表页-->
<div class="sp_list">
<ul class="liuyan_list">
@foreach(var item in ViewBag.Messages as List<Model.Messages>)
{
<li>
<h4>@item.SendName</h4>
<p>@item.AddTime</p>
<p>@item.Context</p>
</li>
}
</ul>
<div class="liuyan_but">
<div class="input-group" style="width:80%;margin:8px auto;">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">
<button class="btn btn-default" type="button" id="btnsend">发送</button>
</span>
</div><!-- /input-group -->
</div>
</div>
</body>
</html>
运行效果如下: