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

首先还是建一个DoComments.aspx页面和一个DealComments.ashx页面(代码基本上都有注释，如果没写注释，请先看前几篇！)。

Docomments.aspx页面中的代码为：

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);//发送请求到服务器

}

评论信息：

cellpadding="0" cellspacing="0">

用户名--%>

内容

---

cellpadding="0" cellspacing="0">

发布内容：