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 调用后台代码(比较实用,好记)相关推荐

  1. js调用后台方法与后台调用js方法

    JS调用后台方法大全 javascript函数中执行C#代码中的函数: 方法一:1.首先建立一个按钮,在后台将调用或处理的内容写入button_click中; 2.在前台写一个js函数,内容为docu ...

  2. 不用AJAX实现前台JS调用后台C#方法(小技巧)

    纯属小技巧,高手见笑了. 一提到如何在前台JS调用后台C#方法,AJAX成为了必然的想法. 只是实现的细节采用AJAX 1.0或者AjaxPro的区别. 其实如果不用AJAX,我们也能够很方便地利用J ...

  3. JS调用后台带参数的方法

    JS调用后台带参数的方法 对于前台调用后台的方法,我们想到最多的就是用AJAX,这个是毋庸置疑的, 我就不再这里多说了.我今天主要想说的是用JS调用后台的方法. 对于后台往前台传值,用这种<%= ...

  4. rn在java中什么意思_[React Native Android 安利系列]RN中使用js调用java代码

    欢迎大家收看react-native-android系列教程,跟着本系列教程学习,可以熟练掌握react-native-android的开发,你值得拥有: 书接上节,我们上节说道,如何控制原生andr ...

  5. js调用java代码返回解决方案

    版权声明:本文为楼主原创文章,未经楼主允许不得转载,如要转载请注明来源. 今天封装一个加密标签,遇到一个问题,我需要对页面上的数据调用java后台代码进行解密,而标签里只能通过js获取到数据,所以就遇 ...

  6. JS调用后台方法大全

    javascript函数中执行C#代码中的函数: 方法一: 1.首先建立一个按钮,在后台将调用或处理的内容写入button_click中; 2.在前台写一个js函数,内容为document.getEl ...

  7. webusercontrol ajax,ASP.NET页面使用AjaxPro2完成JS调用后台方法

    一.首先下载AjaxPro.2.dll(附下载地址) 百度网盘链接:https://pan.baidu.com/s/1r87DE1Tza9F4NbJwTCS1AQ 提取码:10p6 二.在Visual ...

  8. Node.js调用C#代码

    https://github.com/tjanczuk/edge 运行的时候会报 System.DllnotfoundException 无法加载node.dll,要把\packages\Edge.j ...

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

    前台调用后台方法除了用button的click事件,还可以用js调用  一.前台页面如图 需求点击这个按钮触发后台事件,从而能够调用存储过程 <epoint:HyperLinkColumn He ...

最新文章

  1. usaco ★Zero Sum 和为零
  2. py 的 第 38 天
  3. 2016极客大奖颁奖盛典落幕 50个大奖勾勒中国创新图谱
  4. linux 单用户模式 救援模式 忘记root密码的两种解决办法
  5. 本地php后台密码恢复默认,找回wordpress后台管理密码的PHP脚本方法
  6. Requested resource=<memory:-1, vCores:1>问题解决
  7. vue router-link 添加点击事件
  8. Spring MVC 使用介绍(二)—— DispatcherServlet
  9. vue键盘抬起_vue实现编辑器键盘抬起时内容跟随光标距顶位置向上滚动效果
  10. 关于nginx file not found
  11. python 有限域函数库_有限域:计算矩阵的逆
  12. 【硬件工程师】芯片手册阅读-电阻式触摸屏控制芯片
  13. 这边刚接触Python,看了一下Python的微信刷票小程序,自己看着人家代码改了一下出错了,为什么?
  14. 智能路由器-OpenWRT 系列六 (远程迅雷离线下载)
  15. 解决USB无法安装驱动识别的问题
  16. C语言控制台程序添加图标(基于GCC编译器)
  17. MarkDown 基础教程
  18. 自定义UDF函数和UDTF函数
  19. Unity KeyCode键值
  20. 地理空间数据格式——OGC-GML

热门文章

  1. 【Linux系统编程】线程同步与互斥:互斥锁
  2. 怎么判断前轮左右的位置_如何判定汽车前面左右轮的位置?大家有什么经验?...
  3. python因子分析案例_Python——因子分析(KMO检验和Bartlett's球形检验)
  4. html大学生活主题班会,“大学生活”主题班会记录范文
  5. html(2)标签(1)
  6. 如何使用命令行编译运行java文件(一个或多个),找不到主类解决
  7. POJ - 2942 Knights of the Round Table (双连通分量)
  8. 区域锁(Scoped locking)
  9. [转]C++中sleep()函数的使用
  10. [BUUCTF-pwn]——lctf2016_pwn200