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如需转载请自行联系原作者

王德水
相关文章
|
3天前
|
开发框架 前端开发 JavaScript
使用JavaScript、jQuery和Bootstrap构建待办事项应用
使用JavaScript、jQuery和Bootstrap构建待办事项应用
17 0
|
3天前
|
敏捷开发 JavaScript 前端开发
❤❤❤【Vue.js最新版】sd.js基于jQuery Ajax最新原生完整版for凯哥API版本❤❤❤
❤❤❤【Vue.js最新版】sd.js基于jQuery Ajax最新原生完整版for凯哥API版本❤❤❤
|
3天前
|
JavaScript 前端开发 C++
【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同?
【5月更文挑战第2天】【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同?
|
3天前
|
JavaScript 前端开发 API
JavaScript和jQuery的区别
JavaScript和jQuery的区别
|
3天前
|
JavaScript 前端开发 API
js和jquery的区别
js和jquery的区别
17 8
|
3天前
|
JavaScript 前端开发
JQuery和JS的区别有哪些?
JQuery和JS的区别有哪些?
15 0
|
3天前
|
JavaScript 前端开发 API
JQuery的attr()属性和JS的属性的方法
JQuery的attr()属性和JS的属性的方法
10 0
|
3天前
|
JavaScript 前端开发 UED
|
3天前
|
XML JavaScript 前端开发
JavaScript学习 -- jQuery库
JavaScript学习 -- jQuery库
36 0
|
3天前
|
JavaScript
jQuery事件2-第6次课-给未来的元素绑事件-事件对象-JS盒模型-附案例、任务
jQuery事件2-第6次课-给未来的元素绑事件-事件对象-JS盒模型-附案例、任务
43 0