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

发布时间：2020-12-15 20:33:54 所属栏目：asp.Net 来源：网络整理

导读：首先还是建一个DoComments.aspx页面和一个DealComments.ashx页面(代码基本上都有注释，如果没写注释，请先看前几篇！)。 Docomments.aspx页面中的代码为：复制代码代码如下: head runat="server" title/title script type="text/javascript" var objXmlHttp

首先还是建一个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(); 
}

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!