C#前台js调用后台代码
前台js
<script type="text/javascript" language="javascript">
function Ceshi()
{
var a = "<%=Getstr()%>";
alert(a);
}
</script>
<input type="button" onclick="Ceshi();" value="js调用后台代码" />
后台代码
public string Getstr()
{
string aa = "你们好啊！";
return aa;
}
C#后台调用前台js代码
前台js
<script type="text/javascript" language="javascript">
function Ceshi()
{
var a = "你们好啊！"
alert(a);
}
</script>
<asp:Button ID="Button1" runat="server" Text="后台调用js" onclick="Button1_Click" />
后台代码
protected void Button1_Click(object sender, EventArgs e)
{
//如果有UpdatePanel就用如下代码调用前台js
ScriptManager.RegisterStartupScript(UpdatePanel1, this.Page.GetType(), "", "Ceshi();", true);
//如果没有就如下代码
this.Page.ClientScript.RegisterStartupScript(this.Page.GetType(), "", "<script>Ceshi();</script>", true);
}
下面是些其他方法:
转至：http://blog.csdn.net/deepwishly/article/details/6670942
AJAX技术的风起云涌，也使得B/S应用的表现力日益增强，大有逐步吞食C/S领地之势。利用ajaxpro.dll，你可以从JavaScript客户调用.NET方法。
首先下载ajaxpro.dll，你可以从http://www.ajaxpro.info/获得。最新版本是6.4.15.1，下载解压后的文件夹中有个AjaxPro.dll，就是它了。使用VS2005新建web项目,并添加对AjaxPro.dll的引用，然后在Web配置文件中添加：
<httpHandlers> <add verb="POST,GET" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory, AjaxPro"/> </httpHandlers>
这个配置项表明所有的ajaxpro/*.ashx请求（即从客户发送的Ajax请求）都交给AjaxPro.AjaxHandlerFactory处理，而不是由默认的System.Web.UI.PageHandlerFactory来处理。
新建的web项目有个默认的_Default页面，我们为其加上命名空间如MyAjaxNetTest，然后在_Default的HTML第一句也要加上这个名目空间：
然后在PageLoad中注册本页面到AjaxPro中：
{
AjaxPro.Utility.RegisterTypeForAjax( typeof (_Default));
}
测试一：
一切已经准备就绪了，我们先进行第一个测试，从客户调用服务端的简单方法。首先在_Default类中添加方法：
public string GetServerTime()
{
return DateTime.Now.ToString();
}
客户现在可以在JS中调用这个方法了，如
function getTime()
{
alert(MyAjaxNetTest._Default.GetServerTime().value);
}
</ script >
然后你可以加个HTML的button，onclick处理函数设为getTime()。
测试二：
为GetServerTime方法添加static修饰，测试仍然成功!
测试三：
简单方法调用已经OK了，GetServerTime方法返回的是一个简单的string,那么服务端可不可以返回稍微复杂一点的对象了？我们来试试。先新建一个Student类：
{
public string Name = " sky " ;
public int Age = 26 ;
}
服务端添加GetStudent方法：
public Student GetStudent()
{
return new Student();
}
对应的，客户端添加调用：
{
var stu = MyAjaxNetTest._Default.GetStudent().value ;
alert(stu.Name + " " + stu.Age) ;
}
依照前面的加个HTML按钮测试getStudent函数，答案是，一切照我们预料的进行，客户js可以访问服务端返回的对象。
测试四：
最后看看能够在客户端提交对象给服务器，先在服务端添加方法：
2 [AjaxPro.AjaxMethod]
3 public void SetStudent(Student stu)
4 {
5 this .student = stu;
6 string name = this .student.Name;
7 }
可以在第六行添加断点，然后当客户端调用时，会进入该断点。
客户端添加调用：
{
var stu = MyAjaxNetTest._Default.GetStudent().value ;
stu.Name = " chenqi " ;
MyAjaxNetTest._Default.SetStudent(stu) ;
}
同样，当调用putStudent这个js方法时，服务端进入断点已经表明客户成功的提交了对象，并且对象的Name字段已经改变为“chenqi”了。
测试五：
前面客户设置的都是Student的public字段，那么访问属性如何了？我们将Student定义更改如下：
{
private string name = " sky " ;
public int Age = 26 ;
public string Name
{
get
{
return this .name;
}
set
{
this .name = value;
}
}
}
再重复前面的测试，结果我想已经在你的料想中了。
单从前面的几个小测试，我已经发现了使用Ajaxpro.dll的方便与迅捷，看来B/S开发不再像我以前感受的那样繁琐了。
下面就是具体js调用.net后台事件，和后台调用前台等方法
转至：http://hi.baidu.com/xiaowei0705/blog/item/4d56163f5e4bf616bba16725.html
1. javaScript函数中执行C#代码中的函数：
方法一：1、首先建立一个按钮，在后台将调用或处理的内容写入button_click中;
2、在前台写一个js函数，内容为document.getElementByIdx("btn1").click();
3、在前台或后台调用js函数，激发click事件，等于访问后台c#函数；
方法二：1、函数声明为public
后台代码(把public改成protected也可以)
public string ss()
{
return("a");
}//这种方法的缺点是不能将前台的参数传入到后台的函数体中
2、在html里用 <%=fucntion()%>可以调用
前台脚本
<script language=javascript>
var a = " <%=ss()%>";
alert(a);
</script>
方法三：1、 <script language="javascript">
<!--
function __doPostBack(eventTarget, eventArgument)
{
var theForm = document.Form1; //指runat=server的form
theForm.__EVENTTARGET.value = eventTarget;
theFrom.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
-->
</script>
<input type="button" value="按钮" >
方法四： <script language="javascript">
function SubmitKeyClick()
{
if (event.keyCode == 13)
{
event.cancelBubble = true;
event.returnValue = false;
document.all.FunName.value="你要调用的函数名"；
document.form[0].submit();
}
}
</script>
<INPUT type="text">
<input type="hidden" > 〈！--用来存储你要调用的函数 --〉
在.CS里有：
public Page_OnLoad()
{
if (!Page.IsPost())
{
string strFunName=Request.Form["FunName"]!=null?Request.Form["FunName"]:"";
//根据传回来的值决定调用哪个函数
switch(strFunName)
{
case "enter()":
enter() ; //调用该函数
break;
case "其他":
//调用其他函数
break;
default:
//调用默认函数
break;
}
}
}
public void enter()
{
//……比如计算某值
}
2.如何在JavaScript访问C#变量?
答案如下：
方法一：1、通过页面上隐藏域访问 <input type="hidden" runat="server">
方法二：1、如后台定义了PUBLIC STRING N;前台js中引用该变量的格式为' <%=n%>'或"+ <%=n%>+"
方法三：1、或者你可以在服务器端变量赋值后在页面注册一段脚本
" <script language='javascript'>var temp=" + tmp + " </script>"
tmp是后台变量，然后js中可以直接访问temp获得值。
3.如何在C#中访问JavaScript的已有变量?
答案如下：
方法一：1、前台使用静态文本控件隐藏域，将js变量值写入其中；
2、后台用request["id"]来获取值；
方法二：可以用cookie或session
4.如何在C#中访问JavaScript函数?
答案如下：
c#代码中执行javaScript函数：
方法一：1、Page.RegisterStartupScript("ggg"," <script>SetVisible(1); </script>");
方法二：使用Literal类，然后
private void Button2_Click(object sender, System.EventArgs e)
{
string str;
str=" <script language='javascript'>";
str+="selectRange()";
str+=" </script>";
//Literal1.Visible=true;
Literal1.Text=str;
}