JS和ASP后台相互调用问题

项目开发时,我们有时候会遇到后台asp调用前台的JS函数,又或者前台JS需要调用后台aspx.cs的函数,这里记录下如何处理这些问题

1.  ASP后台代码中,如果需要运行JS函数,则使用RegisterStartupScript函数,如下

Page.ClientScript.RegisterStartupScript(Page.GetType(), "", "<script>window.open(‘default2.aspx‘)</script>");

RegisterClientScriptBlock方法的两个构建方式如下:
● RegisterClientScriptBlock (type,key,script)
● RegisterClientScriptBlock (type,key,script,script tag specification)

protected void Page_Load(object sender,EventArgs e)
{
string myScript = @"function AlertHello() { alert(‘Hello ASP.NET‘); }";
Page.ClientScript.RegisterClientScriptBlock(this.GetType(),
"MyScript",myScript,true);
}

2. 前台页面获取后台ASPX.cs定义的变量

如在ASPX.cs定义的变量  public static string UserName = string.Empty;

前台页面可以这样引用它:var UserName = <%=UserName %>;

对于服务器控件如:

<asp:TextBox ID="tbUserName" runat="server" Width="200px" class="required"></asp:TextBox>

//获取textbox的值

document.getElementById("<%=tbUserName.ClientID%>").value

<asp:Button ID="btn1" runat="server" Text="test"  Width="100px"  Height="26px" OnClick="btnSubmit_Click" />

//按钮的点击

document.getElementById("btn1").click();

时间: 2025-01-12 05:39:37

JS和ASP后台相互调用问题的相关文章

ASP.NET前台后台相互调用

1.前台调用后台方法 //前台代码 <script type="text/javascript" language="javascript"> function test() { var a = "<%=GetStr()%>";//调用后台GetStr()方法 alert(a); } </script> <asp:Button ID="btnTest" OnClientClick=&q

JS前后台方法的相互调用

一.前台调用后台的方法: 1.在后台编写你要调用到前台的方法,如下://javaScript函数中执行C#代码中的函数public string str() { return "javaScript方法中执行C#代码中的方法"; } 2.前台用JS就可以实现调用后台的方法,如下:<script type="text/javascript"> function Test() { var a = "<%=str()%>"; /

JS和Flash(AS)相互调用

<!DOCTYPE html> <html> <head> <title>swf</title> <meta charset="utf-8"/> <style type="text/css"> html, body { height:100%; background-color: antiquewhite;} body { margin:0; padding:0; overflow:

通过webbrowser实现js与winform的相互调用

1客户端页面 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head>     <meta charset="utf-8" />     <title></title> </head> <body>     <script>         function test(message)

Js和原生相互调用总结

一.前言 现在市面上有一些app是通过原生ios.Android加载一个网页实现的,如图所示,这样的app我们称之为 Hybrid App                              那么为什么要用 hybrid app呢? 个人认为的原因有两点:1.提高开发效率,以钉钉为例在涉及到一些OA操作比如打卡,请假等功能的时候,显然一个嵌入一个网页就能够满足需求,如果在让IOS和Android再去各自开发一套那么效率就很低了.2.提高迭代效率.以商城为例,商城页面会根据市场情况实时发生变

ASP.NET的后台代码和前台JS代码相互调用

在实际的Web开发中,我们可能会常常遇到后台调用前台JS代码或者前台JS调用后台代码的情况.今天就把比较实用的前后台相互调用的方法总结出来和大家分享. <1>后台代码调用前台JS代码 一.说到后台代码调用前台的JS代码很多人首先就会想到使用 ClientScript.RegisterStartupScript()方法,该方法主要是注册启动脚本文本,即在后台执行调用前台JS代码 该方法有两个重载, 1.ClientScript.RegisterStartupScript(Type type,st

asp.net 前后台相互调用

在实际的Web开发中,我们可能会常常遇到后台调用前台JS代码或者前台JS调用后台代码的情况.今天就把比较实用的前后台相互调用的方法总结出来和大家分享. <1>后台代码调用前台JS代码 一.说到后台代码调用前台的JS代码很多人首先就会想到使用 ClientScript.RegisterStartupScript()方法,该方法主要是注册启动脚本文本,即在后台执行调用前台JS代码 该方法有两个重载, 1.ClientScript.RegisterStartupScript(Type type,st

转载 iOS js oc相互调用(JavaScriptCore)

iOS js oc相互调用(JavaScriptCore) 从iOS7开始 苹果公布了JavaScriptCore.framework 它使得JS与OC的交互更加方便了. 下面我们就简单了解一下这个框架 首先我导入framework 方法如下 点击Linked Frameworks and Libraries 的添加后 选择 JavaScriptCore.framework 选中JavaScriptCore.framework后 点击右下角Add 添加完成 好 创建完成之后我们导入一下头文件 [

WebView中Js与Android本地函数的相互调用

介绍 随着Html5的普及,html在表现力上不一定比原生应用差,并且有很强的扩展兼容性,所以越来越多的应用是采用Html与Android原生混合开发模式实现. 既然要实现混合开发,那么Js与Android原生函数的相互调用就必不可少了.这里写了一个demo,实现点击html中的图片进行本地展示. 原理 1.Android调用js很简单,直接webView.loadUrl("javascript:JS中的方法名称()");即可. 2.js调用Android方法,需要使用WebView.