JS调用服务器端方法

javascript函数中执行C#代码中的函数:
方法一:1、首先建立一个按钮,在后台将调用或处理的内容写入button_click中;
        2、在前台写一个js函数,内容为document.getElementById("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 id="Button1" type="button" name="Button1" value="按钮" onclick="javascript:__doPostBack(‘Button1‘,‘‘)">
        
方法四:<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 onkeypress="SubmitKeyClick()" id="aaa" type="text">
<input type="hidden" name="FunName"> 〈!--用来存储你要调用的函数 --〉

在.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()
{
//……比如计算某值
}

方法五 直接用XHtmlRequest, client callback, javascript访问Web Service或WebMethod.

以访问WebMethod为例:
1、ScriptManager的EnablePageMethod必须为true.

HTML code
<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true">
  <Scripts>
  <asp:ScriptReference Path="~/Scripts/MyScript.js" />
  </Scripts>   
</asp:ScriptManager>

2、服务器方法必须是static方法

C# code
[System.Web.Services.WebMethod]
public static string[] GetStringArray(string s, int cnt)
{
  string[] stringArray = new string[cnt];
  Random rnd = new Random();
  for (int i = 0; i < cnt; i++)
  {
  stringArray[i] = string.Format("Random{0}: {1}-{2}",i, s, rnd.Next(cnt));
  }
  //throw new Exception("亲爱的错误");
  System.Threading.Thread.Sleep(3000);
  return stringArray;
}

3、可以把script代码放到.js文件里,如Scripts目录下的MyScript.js内。

JScript code
function CallWebMethod(prefix,count)
{
  $get(‘result‘).innerText = "请稍侯...";
  PageMethods.GetStringArray(prefix, count, OnSuccess, OnFailed);
  return false;
}
function OnSuccess(stringArray)
{
  var s = "";
  for(var i = 0; i < stringArray.length; i++)
  {
  s += stringArray[i] + "\n";
  }
    
  $get(‘result‘).innerText = s;
}
function OnFailed(error, userContext, methodName)
{
  if(error != null)
  {
  alert("发生了亲爱的错误:" + error.get_message());
  }
}

//.aspx

HTML code
<form id="form1" runat="server">
  <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true">
  <Scripts>
  <asp:ScriptReference Path="~/Scripts/MyScript.js" />
  </Scripts>   
  </asp:ScriptManager>
  <div>
  <asp:Label ID="LabelPrefix" AssociatedControlID="TextBoxPrefix" runat="server" Text="string prefix: "></asp:Label>
  <asp:TextBox ID="TextBoxPrefix" runat="server"></asp:TextBox>
  <asp:Label ID="LabelCnt" AssociatedControlID="TextBoxCnt" runat="server" Text="count: "></asp:Label>
  <asp:TextBox ID="TextBoxCnt" runat="server"></asp:TextBox>
  <cc1:FilteredTextBoxExtender
  ID="FilteredTextBoxExtenderCnt" runat="server"
  TargetControlID="TextBoxCnt"
  ValidChars="1234567890"
  >
  </cc1:FilteredTextBoxExtender>
  <input id="Button1" type="button" value="button" TextBoxPrefix.ClientID %>‘).value,$get(‘<%= TextBoxCnt.ClientID %>‘).value)" />
  </div>
  <div id="result" style="border:solid 1px Maroon; margin: 10px; padding;5px;">
  </div>
</form>

转自:http://saint.blog.51cto.com/403308/410000

时间: 2024-08-26 05:32:14

JS调用服务器端方法的相关文章

asp.net javascript客户端调用服务器端方法

如何用js调用服务器端方法.首先服务器端方法的格式如下 [System.Web.Services.WebMethod]        public static void serverMethod(string url)        {            WebClient wc = new WebClient();            StringBuilder postData = new StringBuilder();            postData.Append("mu

UIWebView中Html中用JS调用OC方法及OC执行JS代码

1.HTML页面 1 <html> 2 3 <head> 4 5 <title>HTML中用JS调用OC方法</title> 6 7 <meta http-equiv="Content-Type"content="text/html; charset=UTF-8"> 8 9 <script> 10 11 function test() 12 13 { 14 15 alert("test

Unity,WebGL, 页面JS调用Unity方法

与WebPlayer类似,在JS中用SendMessage 比如在Unity场景中有一个GameObject,叫A,A上有C#脚本,里面有个方法 public void F(string str) { //do something... } 在发布出的WebGL项目index.html中用JS调用此方法 <script> var gameInstance = UnityLoader.Instantiate("gameContainer", "Build/WebAn

JS调用App方法及App调用JS方法

做App内嵌H5项目时,经常会遇到js与App的交互,最普遍的就是方法的互相调用,那么如何实现方法的互相调用呢? 写在前面: 如果只是小项目且后期扩大的可能性不大的时候,可以忽略,可如果是长期项目的话,那么就需要考虑以下一些问题了. 1. 方法命名规范. 如果考虑到以后会有大量的方法,那么规范化的命名就很重要了,规范化的命名,既保证了名字的唯一性又保证了代码的可读性方便开发过程,也方便后期维护.   举个栗子,  如果现在有一个方法,是关闭webview, js调用app的方法, 如果直接叫cl

[Winform]CefSharp ——js调用c#方法

摘要 有时我们在winform中嵌入浏览器,需要在页面上读取电脑上的一些信息,这个时候就需要用到CefSharp的RegisterJsObject进行注册方法然后供js进行调用了. 一个例子 我们在winform中嵌入的页面中,显示电脑的信息,电脑信息通过winform进行读取,js调用获取电脑信息的方法,并将最终结果以json字符串的形式传递到js端,js获取到这些信息并在页面上进行显示. 定义一个专门处理js回调的类 /// <summary> /// js c#回调类 /// </

iOS JS 交互之利用系统JSContext实现 JS调用oc方法

ios js 交互分为两块: 1.oc调用js 这一块实现起来比较简单, 我的项目中加载的是本地的html,js,css,需要注意的是当你向工程中拖入这些文件时,选择如下操作,(拖入的文件夹是蓝色的,相对路径),不然css,js 的路径会存在问题 加载本地html: oc调用js:一句代码搞定 2.js 调用oc js调用oc又分为两种: 1.js端是直接调用方法 这里就要说到ios7才推出的一个新的api    JavaScriptCore,首先我们引入这个类,并初始化一个JSContext对

JS调用JCEF方法

坐下写这篇文章的时候,内心还是有一点点小激动的,折腾了一个多星期,踩了一个又一个的坑,终于找到一条可以走通的路,内心的喜悦相信经历过的人都会明白~~~~~今儿个老百姓啊,真呀个真高兴啊,哈哈,好了,废话不多说,上正文 首先是问题的需求: 我用JCEF实现了java程序中嵌入浏览器,不了解JCEF的同学请戳这里,那么问题就来了,如果我想要打开一个原生的文件选择对话框怎么办?因为在页面上,我们用的最多的就是js,而在示例demo里面全是后台的java代码,以及JNI的调用,而我想要的效果是如何用js

Js调用Java方法并互相传参

Js通过PhoneGap调用Java方法并互相传参的. 一.JAVA代码 写一个类,该类继承自Plugin并重写execute方法. import org.json.JSONArray; import android.app.Activity; import android.app.AlertDialog; import android.content.ActivityNotFoundException; import android.content.DialogInterface; impor

关于datagrid中控件利用js调用后台方法事件的问题

前台调用后台方法除了用button的click事件,还可以用js调用  一.前台页面如图 需求点击这个按钮触发后台事件,从而能够调用存储过程 <epoint:HyperLinkColumn HeaderText="考评算分" Name="SetUp" NavigateText="<div class='small-icon small-icon-setting'></div>"  IsAutoWidth="