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;
}