当前位置： 移动技术网 > IT编程>开发语言>.net > asp.net Ajax之无刷新评论介绍

asp.net Ajax之无刷新评论介绍

2017年12月12日  | 移动技术网IT编程  | 我要评论

papabubble,金沙江白鹤滩水电站,智取冰淇淋

首先还是建一个docomments.aspx页面和一个dealcomments.ashx页面(代码基本上都有注释，如果没写注释，请先看前几篇！)。
docomments.aspx页面中的代码为：
复制代码 代码如下:

<head runat="server">
<title></title>
<script type="text/javascript">
var objxmlhttp = null;
function createxmlhttp() {
if (window.activexobject) {
objxmlhttp = new activexobject("microsoft.xmlhttp");
} else {
if (window.xmlhttprequest) {
objxmlhttp = new xmlhttprequest();
} else {
alert("初始化xmlhttp错误！");
}
}
}
function docomments() {
var data = "txtcomments" + document.getelementbyid("txtcomment").value;
createxmlhttp();
objxmlhttp.open("post", "dealcomments.ashx", true);
objxmlhttp.onreadystatechange = function () {//在服务器响应后调用
if (objxmlhttp.readystate >= 4) {
if (objxmlhttp.status == 200) {
var result = objxmlhttp.responsetext;//获得服务器返回的字符串
if (result == "true") {
var ctable = document.getelementbyid("commenttable");//获得评论的表格对象
var newrow = ctable.insertrow(ctable.rows.length);//在表格的最后一行再添加一行
var ctd = newrow.insertcell();//在新添加的行中再添加一列
ctd.innerhtml = document.getelementbyid("txtcomment").value;//设置列内容为刚发布的评论内容
} else {
alert("objxmlhttp.status");
}
}
}
}
objxmlhttp.setrequestheader("content-type", "application/x-www-form-urlencoded"); //添加自定义http头道请求
objxmlhttp.send(data);//发送请求到服务器
}
</script>
</head>
<body>
评论信息：
<table id="commenttable" style="width: 600px; border: 1px solid #000;" border="1"
cellpadding="0" cellspacing="0">
<tr>
<%--<td width="30%" class="style1">用户名</td>--%>
<td>
内容
</td>
</tr>
</table>
<br />
<hr />
<table style="width: 700px; border: 1px solid #000; text-align: left;" border="1"
cellpadding="0" cellspacing="0">
<tr>
<td>
发布内容：
</td>
</tr>
<tr>
<td>
<textarea id="txtcomment" cols="60" rows="10"></textarea>
</td>
</tr>
<tr>
<td>
<input type="button" onclick="docomments()" id="btncomment" value="发布评论" />
</td>
</tr>
</table>
</body>
</html>

dealcomments.ashx中的代码如下：
复制代码 代码如下:

public void processrequest(httpcontext context)
{
string strcomment = context.request.form["txtcomments"];//获得传过来的内容
if (string.isnullorempty(strcomment))//如果不为空，返回ture
{
context.response.write("true");
}
else
{
context.response.write("false");
}
context.response.end();
}

简单吧！初学的童鞋......呵呵、、、、、、本系列只适合初学者，请大牛勿笑啊！

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网