时间:2016-02-16 02:06 来源: 我爱IT技术网 作者:佚名
欢迎您访问我爱IT技术网，今天小编为你分享的编程技术是：【asp.net Ajax之无刷新评论介绍】，下面是详细的讲解！
asp.net Ajax之无刷新评论介绍
<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>
关于asp.net Ajax之无刷新评论介绍的用户互动如下：
相关问题：求一个asp.net用Ajax或者JSON的无刷新方式做一个省...
答：简单点的：jQuery + easyUI 实现。 /**-- 功能描述： 加载省份-- 参数： 无-- 返回值： 无**/function loadProvince(){ $('#Province').combobox({ url: 地址, valueField: 'Province', textField: 'ProvinceName', editable: true, width: 155,... >>详细
相关问题：领导要求要再ASP.NET MVC 3的异步请求，比如无刷新...
答：直接 @using (Ajax.BeginForm( 里面的AjaxOption有OnBegin，OnComplete，OnSuccess等事件 >>详细
相关问题：asp.net mvc如何像优酷一样无刷新更新发布评论？
答：去百度AJax 很多关于Ajax的例子 学学就会, 调用简单 轻松实现局部刷新 jQuery里面也封装了 $.Ajax方法 >>详细
- 【asp】asp.net url重写浅谈-net-url重写
- 【DataSet】DataSet、DataTable、DataRow区别详解
- 【asp】asp.net 动态添加多个用户控件-net-动态添
- 【ASP】ASP.NET中内嵌页面代码的一个问题-NET-内
- 【As】Asp.net中的页面乱码的问题-sp--pn-ne-et
- 【增加记录】asp.net中获取新增加记录的ID Access
- 【创建】ASP.NET Web API教程 创建域模型的方法详
- 【Asp】Asp.net 页面调用javascript变量的值-net-
- 【ASP】ASP.NET 5升级后如何删除旧版本的DNX-NET5
- 【404页面】ASP.NET设置404页面返回302HTTP状态码
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-