如何用AJAX实现每条留言显示多人回复

如题所述

第1个回答  2016-12-19
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">
System.Data.DataView CreateDataSourceByXianhuiMeng()
{
System.Data.DataTable dt = new System.Data.DataTable();
System.Data.DataRow dr;
dt.Columns.Add(new System.Data.DataColumn("id", typeof(System.Int32)));
dt.Columns.Add(new System.Data.DataColumn("学生姓名", typeof(System.String)));
dt.Columns.Add(new System.Data.DataColumn("语文", typeof(System.Decimal)));
dt.Columns.Add(new System.Data.DataColumn("数学", typeof(System.Decimal)));
dt.Columns.Add(new System.Data.DataColumn("英语", typeof(System.Decimal)));
dt.Columns.Add(new System.Data.DataColumn("计算机", typeof(System.Decimal)));

for (int i = 0; i < 30; i++)
{
System.Random rd = new System.Random(Environment.TickCount * i); ;
dr = dt.NewRow();
dr[0] =i;
dr[1] = "【孟子E章】" + i.ToString();
dr[2] = System.Math.Round(rd.NextDouble() * 100, 2);
dr[3] = System.Math.Round(rd.NextDouble() * 100, 2);
dr[4] = System.Math.Round(rd.NextDouble() * 100, 2);
dr[5] = System.Math.Round(rd.NextDouble() * 100, 2);
dt.Rows.Add(dr);
}
System.Data.DataView dv = new System.Data.DataView(dt);
return dv;
}

private void showData(string cid)
{
Response.ClearContent();
Response.Write("去查数据库,找到数据库中 " + cid + " 记录的值。");
Response.End();
}
protected void Page_Load(object sender, EventArgs e)
{
if (!String.IsNullOrEmpty(Request.QueryString["id"]))
{
this.showData(Request.QueryString["id"].ToString());
return;
}
this.GridView1.DataSource = this.CreateDataSourceByXianhuiMeng();
this.GridView1.DataBind();
}
</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>

<script type="text/javascript">
function getData(dataID) {
if (document.getElementById("content" + dataID).style.display != "none") {
document.getElementById("content" + dataID).style.display = "none"
return;
}
else {
document.getElementById("content" + dataID).style.display = ""
if (document.getElementById("content" + dataID).innerHTML == "") //或者其他的内容
{
var x = new createXmlHttp();
x.open("GET", "Default10.aspx?id=" + dataID, false)
x.send(null);
if (x.status == 200) {
if (x.readyState == 4) {
document.getElementById("content" + dataID).innerHTML = x.responseText;
}
}
}
}
}

function createXmlHttp() {
var xmlhttp_request = false;
try {
xmlhttp_request = new ActiveXObject('Msxml2.XMLHTTP');
} catch (e) {
try {
xmlhttp_request = new ActiveXObject('Microsoft.XMLHTTP');
} catch (E) {
xmlhttp_request = null;
}
}
if (!xmlhttp_request && typeof XMLHttpRequest != 'undefined') {
xmlhttp_request = new XMLHttpRequest();
}
return xmlhttp_request;
}

</script>

</head>
<body>
<form id="form1" runat="server">
<div>
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false">
<Columns>
<asp:TemplateField>
<ItemTemplate>
<div>
<a href="" onclick='getData(<%#Eval("id")%>);return false;'>
<%#Eval("学生姓名")%>
</a>
</div>
<div id="content<%#Eval("id")%>" style="display:none;"></div>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</div>
</form>
</body>
</html>

我要提交留言,然后一提交,就能把新留言显示在当前页面,求这个效果的...
function validate(){ account = document.loginForm.account.value;\/\/document.loginForm.submit();window.alert("确认提交");var content=document.getElementById("contenttable");var newRow=content.insertRow(content.rows.length);newRow.insertCell(0).innerText="您的留言";newRow.insertCell(1)...

我是用struts1.2做了一个留言程序的,假如提交数据时,想在action弹出一个...
②可以在留言页面定义一个hidden的formbean,用户判断用户是否留言,默认值为0,表示未提交,当用户点击提交按钮,将留言内容提交到action,修改formbean的值为1,表示内容已经提交,最后在页面通过javascript判断如果formbean为1,则弹出提示窗口。 然后定义一个onload事件 function checkFlag(){ if($("#flag...

JSP简易留言板,不需要写进数据库,点击“留言”后按后留言者在前显示出来...
留言顺序ABCDEFGHIJK

如何自己制作留言代码
如果你已经会asp.net来写程序,那么写个留言板程序应该不难的,就和发文章,回复评论差不多,先在前台做个发留言的程序。然后把留言内容提交到数据库,然后在后台查看留言,做好哪个留言已经回复,哪些没有回复,用一个字段显示就行。看到没有回复的留言就回复一下,回复后就把那个字段修改成已经回复。

PHP留言板提交后直接在当前页面显示
两种方式,一种提交成功之后,重新加载这个页面 第二种,通过Ajax,编写回调函数,当提交成功之后,将内容附加到当前页面的指定位置。

我做web系统用是SSH框架,怎么能实现系统消息自动提示,用户B给A发信息...
其实就是用户A可以定时的发送ajax请求去读取B发过来的消息,接收到消息后可以使用json对象传回来,然后接受并显示在界面上即可

我想写一个简单的留言板
window.onload=function(){ document.forms[0].onsubmit=function(){ if(document.getElementById("msg").value==''){ alert('not msg');}else{ \/\/建立文本节点..内容为msg内的值...这里同时可以加上ajax实现服务器交互...从而实现动态无须刷新页面的留言板 var msg=document.createTextNode(...

如何在jsp页面中实现点击一个提交按钮就可以将页面上的数据存储到对应的...
点击页面的按钮,数据提交到后台并保存,页面不用刷新。如果想做这个效果的话,方法有两种:1.使用ajax来实现。2.在本页内嵌一个iframe标记(并且使用css隐藏起来:display:none),你的页面任然用form提交,只是提交的target配置为你的iframe,那么你当点击提交时,当前页面内容页不会变化的。

社交网站上的及时提醒都是怎么实现的
首先,原始的轮询我想也是基于ajax,客户端通过定时器不断向远程服务器发送请求,那个被请求的页面每次收到请求后,检测数据库有无变化,比如你的留言表里面是不是多了一条记录。有变化的话,response.getwriter().write,否则啥也不做。还有一种方法,利用多线程。这个我正在琢磨。利用多线程,可以将这个...

Ajax从入门到精通Ajax应用技术分析篇
其次,介绍了如何搭建基本的Ajax开发框架,包括创建XMLHttpRequest对象、发送请求与回调函数、封装基本的Ajax应用程序等,使开发者能快速上手。接着,以Ajax留言本为例,展示了从需求分析到实现的完整流程,包括系统环境、留言数据与操作、数据库设计、后台功能模块、前台脚本功能模块、文件结构与清单等,让...

相似回答