?
?

JavaScript調用ASP.NET后臺代碼： ?

方法一：

? ? ? ??1、首先建立一個按鈕，在后臺將調用或處理的內容寫入button_click中; ?

? ? ? ? 2、在前臺寫一個js函數，內容為document.getElementById("btn1").click(); ?

? ? ? ? 3、在前臺或后臺調用js函數，激發click事件，等于訪問后臺c#函數；

方法二：

? ? ? ? 1、函數聲明為public ? ? ? ? ? ? ??

? ? ? ? ? ?后臺代碼(把public改成protected也可以) ?

public string methodname() ? ? ? ? ?//注意該方法不能為void，否則執行會報錯 ? ? ? ? ? ?{ ?

? ? ? ? ? ? ? //在這之前可以做任何一些服務端的操作，可以不把返回值作為目的，而是要執行一些服務端的代碼。

? ? ? ? ? ? ? return ?""; ? ? ? ? ? ? ?}? ? ? ? ? ? 2、在html里用<%=fucntion()%>可以調用 ?

? ? ? ? ? ?前臺腳本 ?

? ? ? ? ? ?<script language=javascript>

? ? ? ? ? ?var a = "<%=methodname()%>"; ?

? ? ? ? ? ?alert(a);?

? ? ? ? ? ?eval("<%=methodname()%>"); ? ??//如果只是要執行服務端的一些代碼也可以寫為如下，這樣就可以執行服務端代碼了

? ? ? ? ? ?</script>
方法三：利用PageMethods調用后臺代碼
PageMethod方法介紹：
PageMethods.FunctionName(Paramter1,Parameter2,...,SuccessMethod, FailedMethod, userContext); 其中，前面Paramter1,Parameter2,...,表示的是FunctionName的參數,類型是Object或Array； SuccessMethod是需要使用后臺返回結果的Js方法， FailedMethod是當后臺的csFunctionName方法發生異常情況下的執行的Js方法（容錯處理方法）， userContext是可以傳遞給SuccessMethod方法，或是FailedMethod方法的任意內容。
實現方法三按照以下步驟：

1.在后臺創建方法，必須是static（靜態的），方法必須是public類型的，否則訪問不到會報異常，

接著要在該方法頭部上加上[System.Web.Services.WebMethod]，來標注方法特性。

2.在前臺頁面加入ScriptManager控件，并把其EnablePageMethods屬性設為true。

3.調用PageMethods,由于該方法有很多重載，現在只說最簡單的實現。

PageMethods.FunctionName(回調的js方法); ? ? ?//其中FunctionName為后臺創建的靜態方法名，回調js方法為前臺接受結果的方法。

?

PageMethods例子：

?

后臺代碼：

一.無參數方法

?[System.Web.Services.WebMethod] ? ? public static string ShowValue() ? ? { ? ? ? ? return "js調用后臺方法"; ? ? }

二.有參數方法

[System.Web.Services.WebMethod] ? ? public static string ShowValue2(string msg) ? ? { ? ? ? ? return msg;

? ? }

?

前端代碼：

?<script type="text/javascript"> ?

? ? ? ?//調用后臺無參數方法

? ? ? ? function bclick() ? ? ? ? { ? ? ? ? ? ? PageMethods.ShowValue(sshow); ? ? ? ? } ? ? ? ?? ? ? ? ? function sshow(val) ? ? ? //回傳方法用val接受后臺代碼ShowValue的執行結果 ? ? ? ? { ? ? ? ? ? ? document.getElementById("show").innerText = val;

? ? ? ? }

? ? ? ? //調用后臺有參數方法

? ? ? ? function bclick2() ? ? ? ? { ? ? ? ? ? ? ?var text = "test"; ? ? ? ? ? ? ?PageMethods.ShowValue2(text,sshow2); ? ? ? ? } ? ? ? ?? ? ? ? ? function sshow2(val) ? ? ? //回傳方法用val接受后臺代碼ShowValue的執行結果 ? ? ? ? { ? ? ? ? ? ? document.getElementById("show").innerText = val; ? ? ? ? } ?</script> ? < input id="Button1" type="button" value="click" οnclick="bclick();" /> < input id="Button2" type="button" value="click2" οnclick="bclick2();" /> < div id="show"></div>

轉載于:https://www.cnblogs.com/hcf-0320/p/4704827.html

總結

以上是生活随笔為你收集整理的js 调用后台代码（比较实用，好记）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。