网站导航免费论文 原创论文 论文搜索 原创论文 网学软件 学术大家 资料中心 会员中心 问题解答 原创论文 大学论文导航 设计下载 最新论文 下载排行 原创论文 论文源代码
返回网学首页
网学联系
最新论文 推荐专题 热门论文 素材专题
当前位置: 网学 > 编程文档 > ASP.net > 正文

UpdatePanel PostBack返回后执行Javascript实例

来源:http://myeducs.cn 联系QQ:点击这里给我发消息 作者: 用户投稿 来源: 网络 发布时间: 12/10/13

UpdatePanel PostBack时执行Javascript范例
之前写过一篇介绍在UpdatePanel动态更新时触发Javascript的方法,不过有网友反应不清楚实作的细节,索性就写一个极简单的程式,实际示范一下。 

<%@ Page Language="C#" AutoEventWireup="true" %>
<html>
<head><title>UpdatePanel Call Javascript</title></head>
<body>
    <form id="form1" runat="server">
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
                <asp:ScriptManager ID="ScriptManager1" runat="server">
                </asp:ScriptManager>
                <asp:Button ID="Button1" runat="server" Text="Button" 
                onclick="Button1_Click" />
                <asp:HiddenField ID="hdnScript" runat="server" />
            </ContentTemplate>
        </asp:UpdatePanel>
        <script type="text/javascript">
        Sys.WebForms.PageRequestManager.getInstance().add_endRequest(blah);
        function blah() {
            eval($get("hdnScript").value);
        }
        </script>
    </form>
<script type="text/C#" runat="server">
protected void Button1_Click(object sender, EventArgs e)
{
    hdnScript.Value = "alert(''I did it!'');";
}
</script>
</body>
</html>运作的原理是利用add_endRequest()在每次UpdatePanel Postback时触发blah()函数,blah()会用eval()执行Hidden栏位的字串值,所以在Server-Side将要执行的Javascript Code以字串方式传回,按下按钮后就会被执行。 That''s all, folks. 

PS: 顺便宣导一下资安观念,传回的Javascript Code不宜开放给User自行输入或更动,不然会造成XSS攻击的漏洞。
PS2: 用VS 2008写这段Code时,输入Sys.WebForms.PageRequestManager.getInstance()后还会提示add_Request,不亦快哉!!

Javascript牛人Ammon再露了一手,提供更简便的做法ScriptManager.RegisterStartupScript(),在此谢过:

<%@ Page Language="C#" AutoEventWireup="true" %>
<html>
<head><title>UpdatePanel Call Javascript</title></head>
<body>
    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
                <asp:Button ID="Button1" runat="server" Text="Button" 
                onclick="Button1_Click" />
            </ContentTemplate>
        </asp:UpdatePanel>
    </form>
<script type="text/C#" runat="server">
protected void Button1_Click(object sender, EventArgs e)
{
    ScriptManager.RegisterStartupScript(Button1, typeof(Button),
        "alert", "alert(''Amazing'');", true);
}
</script>
</body>
</html>

网学推荐

免费论文

原创论文

设为首页 | 加入收藏 | 论文首页 | 论文专题 | 设计下载 | 网学软件 | 论文模板 | 论文资源 | 程序设计 | 关于网学 | 站内搜索 | 网学留言 | 友情链接 | 资料中心
版权所有 QQ:3710167 邮箱:3710167@qq.com 网学网 [Myeducs.cn] 您电脑的分辨率是 像素
Copyright 2008-2015 myeducs.Cn www.myeducs.Cn All Rights Reserved 湘ICP备09003080号