首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > asp.net >

页面无刷新传值解决思路

2012-12-18 
页面无刷新传值有一个发表心情的页面,我想发表心情后在页面上无刷新显示发表内容、时间发表的用户(就像QQ空

页面无刷新传值
有一个发表心情的页面,我想发表心情后在页面上无刷新显示发表内容、时间发表的用户(就像QQ空间发表说说一样)怎样做到???     新手,求高手帮忙解决,谢谢  
[最优解释]

引用:
引用:<asp:ScriptManager ID="ScriptManager1" runat="server">
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
用着两个控件可以实现无刷
这两个控件怎么用呢?     能举个列子吗?   谢谢
   ……


<head id="Head1" runat="server">
    <title>Untitled Page</title>
    <link href="StyleSheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <div id="lblError" style="color:Red; font-weight:bold"></div>
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <br />
        
        <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
            <ContentTemplate>
              <div style="background-color:#FFFFDD; padding: 20px">
                <asp:Label ID="Label1" runat="server" Font-Bold="True"></asp:Label>
                    <br />
                    <br />
                    <asp:Button ID="Button1" runat="server" Text="Refresh Time" />
                </div>
            </ContentTemplate>           
        </asp:UpdatePanel>
        &nbsp;<asp:UpdatePanel ID="UpdatePanel2" runat="server">
            <ContentTemplate>
                <div style="background-color:#FFFFDD;padding: 20px">
                    <asp:Label ID="Label2" runat="server" Font-Bold="True"></asp:Label>
                    <br />
                    <br />
                <asp:Button ID="Button2" runat="server" Text="Refresh Time" />


                </div>
            </ContentTemplate>
        </asp:UpdatePanel>
        &nbsp;
        <br />
        <asp:UpdatePanel ID="UpdatePanel3" runat="server">
            <ContentTemplate>
                <div style="background-color:#FFFFDD;padding: 20px">
                    <asp:Label ID="Label3" runat="server" Font-Bold="True"></asp:Label>
                    <br />
                    <br />
                    <asp:Button ID="Button3" runat="server" Text="Refresh Time" />
                </div>
            </ContentTemplate>
        </asp:UpdatePanel>
        <br />
        
        
        
        <script type="text/javascript">
        function pageLoad()
        {
            var pageManager = Sys.WebForms.PageRequestManager.getInstance();
            pageManager.add_endRequest(endRequest);
        }
        function endRequest(sender, args)
        {
            // Handle the error.
            if (args.get_error() != null)
            {
                $get("lblError").innerHTML = args.get_error().message;

                // Suppress the message box.
                args.set_errorHandled(true);
            }
        }
        </script>

        
    </div>
    </form>
</body>
</html>



public partial class UpdatePanelTest : System.Web.UI.Page


{
    protected void Page_Load(object sender, EventArgs e)
    {
        Label1.Text = DateTime.Now.ToLongTimeString();
        Label2.Text = DateTime.Now.ToLongTimeString();
        Label3.Text = DateTime.Now.ToLongTimeString();
    }
    
}


[其他解释]
取個例子(如下):
aspx:
      <input id="txtMood" runat="server" type="textbox">
      <input id="txtShow" runat="server" type="textbox">
      <input id="btnPublish" runat="server" type="button" value="發表">
js:
     $(document).ready(function(){
         $("#btnPublish").click(function(){
             $("#txtMood").html($("txtShow").val());
         })
     })
[其他解释]
ajax知道不??
[其他解释]
ajax知道不?? +JS
[其他解释]
实现无刷新,点击和读取都使用Ajax,建议用JQuery Ajax来实现。。
[其他解释]
引用:
ajax知道不?? +JS

发表心情用Ajax发表我写好了,发表的同时我要在文本框下面显示出来
[其他解释]
引用:
ajax知道不?? +JS

ajax发表做出来了  怎么显示出来,QQ空间发表心情那样的
[其他解释]
引用:
实现无刷新,点击和读取都使用Ajax,建议用JQuery Ajax来实现。。

ajax发表做出来了  怎么显示出来,QQ空间发表心情那样的
[其他解释]
显示要把ajax取回的数据,加到文本框下面去,比如加到下面的div中,不显示的话可能没加,或者加的不对,先把取回的数据alert()看看
[其他解释]
    <asp:ScriptManager ID="ScriptManager1" runat="server">
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
用着两个控件可以实现无刷
[其他解释]
jquery ajax实现返回html
[其他解释]
ajax 简单的拖个控件就可以直接搞定了 
[其他解释]
ajax知道不??
[其他解释]
用jquery 把内容插入到页面 
[其他解释]
如果是用ASP。net开发的话 那里边直接就有ajax控件
[其他解释]
ajax知道不?? 
[其他解释]
[quote=引用:]
引用:
实现无刷新,点击和读取都使用Ajax,建议用JQuery Ajax来实现。。
ajax发表做出来了  怎么显示出来,QQ空间发表心情那样的[/quot




如果发表成功,继续获取发表的内容,然后把获取到的数据,放在事前命名的id,比如 

<div id="newContent"></div>
比如返回的数据放在msg里面

用jquery来赋值  $("#newContent").html(msg);


[其他解释]
js/jquery操作界面知道不。
[其他解释]
AJAX提示后,在返回数据事件,把数据绑定上去啊
[其他解释]
插入一个div就行了 放在最上边 或者 无刷新重新获取
[其他解释]
asp.net ajax
[其他解释]

引用:
<asp:ScriptManager ID="ScriptManager1" runat="server">
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
用着两个控件可以实现无刷

这两个控件怎么用呢?     能举个列子吗?   谢谢
[其他解释]
8楼,22楼正解,不需要麻烦的AJAX和JS,这样可能很多人都不会用,用updatepanel就可以在后台实现无刷新画面。后台调用方法的时候要写一下这个updatepanel的id,点出update()就可以无刷新了

热点排行