Call JavaScript With Jquery In Server-Side

简介:
后台代码
1
2
3
4
5
6
7
8
9
private  string  getjQueryCode( string  jsCodetoRun)
{
     StringBuilder sb = new  StringBuilder();
     sb.AppendLine( "$(document).ready(function() {" );
     sb.AppendLine(jsCodetoRun);
     sb.AppendLine( " });" );
 
     return  sb.ToString();
}

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
private  void  runjQueryCode( string  jsCodetoRun)
{
 
     ScriptManager requestSM = ScriptManager.GetCurrent( this );
     if  (requestSM != null  && requestSM.IsInAsyncPostBack)
     {
         ScriptManager.RegisterClientScriptBlock( this ,
                                                 typeof (Page),
                                                 Guid.NewGuid().ToString(),
                                                 getjQueryCode(jsCodetoRun),
                                                 true );
     }
     else
     {
         ClientScript.RegisterClientScriptBlock( typeof (Page),
                                                Guid.NewGuid().ToString(),
                                                getjQueryCode(jsCodetoRun),
                                                true );
     }
}

前台代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<asp:ScriptManager ID= "sm"  runat= "server" >
</asp:ScriptManager>
<asp:UpdatePanel ID= "upPnl"  runat= "server" >
     <ContentTemplate>
         <asp:Button ID= "btnPostback"  runat= "server"
                     Text= "Standard Postback"
                     OnClick= "btnPostback_Click"  />
         <asp:Button ID= "btnAsynchPostback"  runat= "server"
                     Text= "Asynchronous Postback"
                     OnClick= "btnAsynchPostback_Click"  />
     </ContentTemplate>
     <Triggers>
         <asp:PostBackTrigger ControlID= "btnPostback"  />
     </Triggers>
</asp:UpdatePanel>

 

调用示例

同步

1
2
3
4
5
6
7
8
9
protected  void  btnPostback_Click( object  sender, EventArgs e)
{
     runjQueryCode( "alert('After a standard postback.')" );
}
异步
protected  void  btnAsynchPostback_Click( object  sender, EventArgs e)
{
     runjQueryCode( "alert('After an asynchronous postback.')" );
}
本文转自敏捷的水博客园博客,原文链接http://www.cnblogs.com/cnblogsfans/archive/2009/11/05/1596601.html如需转载请自行联系原作者

王德水
相关文章
|
1月前
|
JavaScript
鼠标事件(点击换色)分别使用js和jQuery代码实现
鼠标事件(点击换色)分别使用js和jQuery代码实现
28 1
|
25天前
|
前端开发 JavaScript 开发者
揭秘JavaScript魔法三剑客:call、apply、bind,解锁函数新世界,你的前端之路因它们而精彩!
【8月更文挑战第23天】在 JavaScript 的世界里,`call`、`apply` 和 `bind` 这三个方法常常让新手感到困惑。它们都能改变函数执行时的上下文(即 `this` 的指向),但各有特点:`call` 接受一系列参数并直接调用函数;`apply` 则接收一个参数数组,在处理不确定数量的参数时特别有用;而 `bind` 不会立即执行函数,而是创建一个新版本的函数,其 `this` 上下文已被永久绑定。理解这三个方法能帮助开发者更好地运用函数式编程技巧,提升代码灵活性和可维护性。
24 0
|
25天前
|
JavaScript
分别用jquery和js修改页面元素
分别用jquery和js修改页面元素
27 2
|
1月前
|
JavaScript Java
点击按钮,向下添加目录。Java script+jQuery写法
点击按钮,向下添加目录。Java script+jQuery写法
14 1
|
1月前
|
JavaScript Java
分别使用js与jquery写 单击按钮时出现内容 点击删除按钮不会再向下出现
分别使用js与jquery写 单击按钮时出现内容 点击删除按钮不会再向下出现
15 1
|
1月前
|
JavaScript 前端开发 开发者
jQuery:JavaScript库的瑰宝
jQuery:JavaScript库的瑰宝
44 4
|
16天前
|
Devops 持续交付 测试技术
JSF遇上DevOps:开发流程将迎巨变?一篇文章带你领略高效协同的魅力!
【8月更文挑战第31天】本文探讨了如何在JavaServer Faces(JSF)开发中融入DevOps文化,通过持续集成与部署、自动化测试、监控与日志记录及反馈机制,提升软件交付速度与质量。文中详细介绍了使用Jenkins进行自动化部署、JUnit与Selenium进行自动化测试、ELK Stack进行日志监控的具体方法,并强调了持续改进的重要性。
27 0
|
25天前
|
JavaScript 前端开发
js 中call()和apply()
js 中call()和apply()
32 0
|
1月前
|
JavaScript Java
分别使用java script和jQuery添加页面元素
分别使用java script和jQuery添加页面元素
25 0
|
1月前
|
JavaScript 前端开发
Bootstrap‘s JavaScript requires jQuery
文章讨论了网页开发中因jQuery库未正确引入或顺序不当导致的三个常见错误,并指出解决这些问题需要确保jQuery在其他依赖它的脚本之前加载。