源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2022-01-08 17:37 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:asp.net Ajax之无刷新评论介绍
首先还是建一个DoComments.aspx页面和一个DealComments.ashx页面(代码基本上都有注释,如果没写注释,请先看前几篇!)。 Docomments.aspx页面中的代码为:
[u]复制代码[/u] 代码如下:
<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中的代码如下:
[u]复制代码[/u] 代码如下:
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(); }
简单吧!初学的童鞋......呵呵、、、、、、本系列只适合初学者,请大牛勿笑啊!
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部