【高分急求，在线等】如何制作无刷新提交留言板？

Question

    快毕业了，毕业设计太麻烦了，牢骚一下哈……言归正传，我正在做一个在线播放视频点播网站，需要在播放页面添加一个留言板，实现无刷新提交留言，并同时显示出来新添加的留言，而不刷新页面影响视频播放，我用的是ASP.NET开发的。如何实现呀？有源码更好。
     补充我有.asp的无刷新提交的留言板，.asp和.aspx不是有差别吗？如何更改就可以移植到.aspx中呢？

Answer 1

或者你把你做好的.asp的无刷新提交的留言板用iframe包到aspx页里，最简单最直接的
其他就查阅ajax相关信息

Answer 2

无刷新肯定用到AJAX，用jquery也就一句话的事情，

Answer 3

如何把.asp用iframe包到aspx中呀？

Answer 4

你要知道，类似这种.asp用iframe包到aspx不专业的说法，本身能力就值得怀疑，
而且你对技术不了解也就算了，对看人也是如此，我表示很失望

Answer 5

我研究Ajax三天了，但我又没有javascript和html基础（以前学过现在早忘了），所以很多基本的应用还是不熟悉，不过有高人指点的话，接受起来还是很速度的。我QQ是953678472，谢谢。

Answer 6

用一个 iframe 如何。
ajax方式 肯定可以。
简单的话 ，直接用 updatepanel。

Answer 7

用 jquery和你会不会JS没多大关系，就是一组API，极其简单高效，
你还研究3天，，哎！！！！！！！，，，
算了，我今天项目刚搞完，你分给我，加我QQ 236773862，哎有回到带新人的地步了

Answer 8

还有我可以明确告诉你，你要的是无刷新，虽然楼上的很多意见可以办到，但在一个需要安装AJAX组件，一个根本就是障眼法实现的

Answer 9

哪需要什么移植，asp.net拖控件都能拖出来这效果

Answer 10

主要改的就是服务端代码
将VBScript实现的部分用C#来实现就可以了

Answer 11

我用的是datalist控件显示数据，要想把vb代码改成用C#代码实现，我不知道怎么操作呀？

Answer 12

http://51aspx.com/
随便找一个嵌你的网页里 

Answer 13

http://down.admin5.com/net/liuyan/asp。net 记事本 下载  源码

Answer 14

回答问题好吗？不要乱扯，社区的不和谐都是你这些人照成的我的意思就是把 aspx页里用iframe把asp页面引进来嘛 ，看的懂就行了
参考

Answer 15

实现的方法实在太多了，关键是不知道你项目怎么做的。如果传统的aspx的话，.NET 也有AJAX控件，放个updatepanel，你把控制放panel里就可以了

Answer 16

问下你会.net么 ？
不为的话还是去51aspx.com找个吧 。
如果asp->aspx 无非也就是 改下呈现数据 +ajax处理 。

Answer 17

跟帖回复是一种美德，将美德进行到底DataList有种模板，其中一般用ItemTemplate来循环显示内容，在它里面写上你的Html内容，绑定相应的数据字段，如果没用过，google一下DataList用法多的是，给它绑定数据源后，数据源里面的每条纪录都会用你设置的模板内容循环输出到用户最终的浏览页面上而ASP中，一般是用RecordSet这个组件来向最终页面输出内容，类似这样<% %>中间的代码都是服务端代码
下面的代码就是将rs这个纪录集中纪录循环输出到页面，所以最终页面上<ul>里面将会有N个<li>1003 、内容</li>
<div>
<ul>
<%while not rs.eof then%>
    <li><%=rs("id")%>、><%=rs("content")%></li>
<%rs.movenext
wend%>
</ul>
</div>
<%rs.close%>
要改成.Net的就是<ItemTemplate>
    <li><%# Eval("id")%>、><%# Eval("content")%></li>
</ItemTemplate>

Answer 18

<script type="text/javascript">
        $(function(){
           
           function reset()
           {
                $("#txtUserName").val('');
                $("#txtUserTel").val('');
                $("#txtTitle").val('');
                $("#txtContent").val('');
                $("#txtUserQQ").val('');
                
           }
        
            $("#btnOK").click(function(){
                var userid = "<%= UserID %>";
                if(userid==null)
                {
                    alert("留言系统故障,请与网站管理员联系!");
                    return false;
                }
                var name =$("#txtUserName").val();
                if(name=="")
                {
                    $("#txtUserName").focus();
                    alert("请填写您的姓名!");
                    return false;
                }
                
                var phone = $("#txtUserTel").val();
                var qq =$("#txtUserQQ").val();
                var title =$("#txtTitle").val();
                if(title=="")
                {
                    $("#txtTitle").focus();
                    alert("请填写留言标题!");
                    return false;
                }
                
                var content = $("#txtContent").val();
                if(content=="")
                {
                    $("#txtContent").focus();
                    alert("请填写留言内容!");
                    return false;
                }
                
                $.post("sendMsg.ashx",{"name":name,"userid":userid,"phone":phone,"qq":qq,"title":title,"content":content},
                function(data,status){
                    if(status=="success")
                    {
                        var result = data.split("|");
                        if(result[0]=="OK")
                        {
                            $("#Message").append("<dl><dt><span>发表时间：" + result[1] + "</span><b>"+ name +"：</b>"+ title +"</dt><dd>"+ content +"</dd></dl>");
                            reset();
                            alert("留言成功!");
                        }
                        else if(reset[0]=="Fail")
                        {
                            alert("留言失败!");
                        }
                        else
                        {
                            alert("留言系统故障,请与网站管理员联系!");
                        }
                    }
                    else if(status=="error")
                    {
                        alert("通讯错误请再试！");
                    }
                });
               
                
            });
        });
    </script>

Answer 19

<ItemTemplate>
    <li><%# Eval("id")%>、><%# Eval("content")%></li>
</ItemTemplate>
嗯，用datalist控件绑定的显示数据，显示方法正如您所说，这个我知道。
关键是我提交数据到后台更新数据库后，前台显示页面会自动追加显示刚才提交到数据库的内容吗？

Answer 20

我把显示留言和提交留言部分封装成一个asax控件了，并且用的是datalist空间显示留言信息。
用ajax方法，关键是提交数据到后台更新数据库后，前台显示页面会不会自动追加显示刚才提交到数据库的内容？

Answer 21

真汗啊，首先你要明确你的目的，你的目的是用最快，最简便的方法实现在提交留言的时候，页面显示最新提交留言，同时不影响视频播放进度（即视频不刷新），你那干嘛去用ajax,jquery（对于你来说还不懂），你就直接用iframe去实现就ok了，把留言页面放到iframe里面，爱怎么提交怎么提交，爱怎么刷新怎么刷新。也不会影响到你 的视频播放啊。记住是以满足需求为目的。

Answer 22

嗯，谢谢，但是那太不美观了呀。用iframe实现还不如不添加留言板呢。

Answer 23

用 iframe嵌套是最方便的或者你用ajax空间 或者手写ajax