在JS中调用CS里的方法(PageMethods)

2014年04月28日 11:18:18 被动 阅读数：2998
 

最近一直在看别人写好的一个项目的源代码，感觉好多东西都是之前没有接触过的。今天在代码中看到了一个类PageMethods,于是就在想，这个类是系统类还是自定义的呢？后面再网上百度了一下，原来PageMethods是用来在JS里调用CS里写好的方法。感觉这种方法的功能特别强调，所以在这里记录一下，也希望对大家有所帮助。

实例：

Default.aspx 代码



  1.  
    

    

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
    

    2. 

  2.  
    

     
    3. 

  3.  
    

     
    4. 

  4.  
    

     
    5. 

  5.  
    

    

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    

    6. 

  6.  
    

     
    7. 

  7.  
    

     
    8. 

  8.  
    

     
    9. 

  9.  
    

    

    <html xmlns="http://www.w3.org/1999/xhtml">
    

    10. 

  10.  
    

     
    11. 

  11.  
    

    

    <head runat="server">
    

    12. 

  12.  
    

     
    13. 

  13.  
    

    

    <title>无标题页</title>
    

    14. 

  14.  
    

     
    15. 

  15.  
    

    

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

    16. 

  16.  
    

     
    17. 

  17.  
    

    

    <!--
    

    18. 

  18.  
    

     
    19. 

  19.  
    

    

    function minbzdm()
    

    20. 

  20.  
    

     
    21. 

  21.  
    

    

    {
    

    22. 

  22.  
    

     
    23. 

  23.  
    

    

    PageMethods.OK(xxx);
    

    24. 

  24.  
    

     
    25. 

  25.  
    

    

    }
    

    26. 

  26.  
    

     
    27. 

  27.  
    

    

    function xxx(result)
    

    28. 

  28.  
    

     
    29. 

  29.  
    

    

    {
    

    30. 

  30.  
    

     
    31. 

  31.  
    

    

    alert(result);
    

    32. 

  32.  
    

     
    33. 

  33.  
    

    

    }
    

    34. 

  34.  
    

     
    35. 

  35.  
    

    

    //-->
    

    36. 

  36.  
    

     
    37. 

  37.  
    

    

    </script>
    

    38. 

  38.  
    

     
    39. 

  39.  
    

    

    </head>
    

    40. 

  40.  
    

     
    41. 

  41.  
    

    

    <body>
    

    42. 

  42.  
    

     
    43. 

  43.  
    

    

    <form id="form1" runat="server">
    

    44. 

  44.  
    

     
    45. 

  45.  
    

    

    <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true">
    

    46. 

  46.  
    

     
    47. 

  47.  
    

    

    </asp:ScriptManager>
    

    48. 

  48.  
    

     
    49. 

  49.  
    

    

    <div>
    

    50. 

  50.  
    

     
    51. 

  51.  
    

    

    <input type='button' value='删除' onclick='minbzdm()' />
    

    52. 

  52.  
    

     
    53. 

  53.  
    

    

    </div>
    

    54. 

  54.  
    

     
    55. 

  55.  
    

    

    </form>
    

    56. 

  56.  
    

     
    57. 

  57.  
    

    

    </body>
    

    58. 

  58.  
    

     
    59. 

  59.  
    

    

    </html>
    






Default.aspx.cs的代码


  1.  
    

    

    public partial class _Default : System.Web.UI.Page
    

    2. 

  2.  
    

     
    3. 

  3.  
    

    

    {
    

    4. 

  4.  
    

     
    5. 

  5.  
    

    

        protected void Page_Load(object sender, EventArgs e)
    

    6. 

  6.  
    

     
    7. 

  7.  
    

    

        {
    

    8. 

  8.  
    

     
    9. 

  9.  
    

    

        }
    

    10. 

  10.  
    

     
    11. 

  11.  
    

     
    12. 

  12.  
    

     
    13. 

  13.  
    

    

        [System.Web.Services.WebMethod]
    

    14. 

  14.  
    

     
    15. 

  15.  
    

    

        public static string OK() 
    

    16. 

  16.  
    

     
    17. 

  17.  
    

    

        {
    

    18. 

  18.  
    

     
    19. 

  19.  
    

    

            return "OK";
    

    20. 

  20.  
    

     
    21. 

  21.  
    

    

        }
    

    22. 

  22.  
    

     
    23. 

  23.  




												


											
在JS中调用CS里的方法(PageMethods)的更多相关文章
	

    
								
  1. 【FLEX教程】#007 如何让JS调用SWF里的方法
		
    HTML中,JS如何调用SWF里面已经封装好的代码呢? 有一些事情Flex没办法实现的,需要通过调用JS来实现. eg: 当浏览器窗体关闭的时候,弹出一个对话框,提示用户是否退出?或者是否保存当前的操 ...
    
		
    2. 
						
  2. JS与OC交互，JS中调用OC方法(获取JSContext的方式)
		
    最近用到JS和OC原生方法调用的问题,查了许多资料都语焉不详,自己记录一下吧,如果有误欢迎联系我指出. JS中调用OC方法有三种方式: 1.通过获取JSContext的方式直接调用OC方法 2.通过继 ...
    
		
    3. 
						
  3. 判断js中各种数据的类型方法之typeof与0bject.prototype.toString讲解
		
    提醒大家,Object.prototype.toString().call(param)返回的[object class]中class首字母是大写,像JSON这种甚至都是大写,所以,大家判断的时候可以 ...
    
		
    4. 
						
  4. JS中的柯里化(currying)
		
    何为Curry化/柯里化? curry化来源与数学家 Haskell Curry的名字 (编程语言 Haskell也是以他的名字命名). 柯里化通常也称部分求值,其含义是给函数分步传递参数,每次传递参 ...
    
		
    5. 
						
  5. Angular.js中处理页面闪烁的方法详解
		
    Angular.js中处理页面闪烁的方法详解 前言 大家在使用{{}}绑定数据的时候,页面加载会出现满屏尽是{{xxx}}的情况.数据还没响应,但页面已经渲染了.这是因为浏览器和angularjs渲染 ...
    
		
    6. 
						
  6. JS中的柯里化及精巧的自动柯里化实现
		
    一.什么是柯里化? 在计算机科学中,柯里化(Currying)是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数,并且返回接受余下的参数且返回结果的新函数的技术.这个技术由 C ...
    
		
    7. 
						
  7. 在JS中调用JAVA变量
		
    在JS中调用JAVA变量可以,方法是:var JS变量名 = “<%=JAVA变量名 %>”<%中间写java代码,跟在JSP中一样%>在JAVA中 ,无法调用JS变量
    
		
    8. 
						
  8. JS中的柯里化(currying)     转载自张鑫旭-鑫空间-鑫生活[http://www.zhangxinxu.com]
		
    JS中的柯里化(currying) by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.com/wordpr ...
    
		
    9. 
						
  9. JS中的call()和apply()方法(转)
		
    转自:http://uule.iteye.com/blog/1158829 JS中的call()和apply()方法 博客分类: JS   1.方法定义 call方法: 语法:call([thisOb ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 通过css3实现的动画导航菜单代码
			
    用css3样式实现的滑动导航菜单,html代码如下 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" &quo ...
    
			
    2. 
						
  2. ASPxGridView 用法
			
    一.ASPxGridView属性:概述设置(Settings) 1.1.Settings <Settings GridLines="Vertical" : 网格样式 Vert ...
    
			
    3. 
						
  3. JavaScript 基础(三) - Date对象，RegExp对象，Math对象，Window 对象，History 对象，Location 对象，DOM 节点
			
    Date对象 创建Date对象 //方法1:不指定参数 var date_obj = new Date(); alert(date_obj.toLocaleString()) //方法2:参数为日期字 ...
    
			
    4. 
						
  4. 2018-08-03 中文代码示例之Python-如何遍历字典
			
    此系列之后将参考一些最常用功能的在线教程/示例程序, 进行示例代码的中文化改进. 欢迎推荐有代表性和实用性的教程, 篇幅小更佳. 谢谢. 参考Python - How to loop a dictio ...
    
			
    5. 
						
  5. 【20190223】HTTP-知识点整理：HTTPS
			
    HTTPS:添加了加密及认证机制的HTTP HTTPS 并非是应用层的一种新协议.只是 HTTP 通信接口部分用SSL(Secure Socket Layer)和 TLS(Transport Laye ...
    
			
    6. 
						
  6. Deep Learning - 1 神经网络
			
    Artificial Neuron 人工神经元有: Perceptrons(感知机) Sigmoid Perceptron 感知机input是多个二进制,output是一个二进制. graph LR  ...
    
			
    7. 
						
  7. vue.runtime.esm.js:593 [Vue warn]: Invalid prop: custom validator check failed for prop "value".报错解决
			
    在uni中使用 picker组件,一直报错 vue.runtime.esm.js:593 [Vue warn]: Invalid prop: custom validator check failed ...
    
			
    8. 
						
  8. git 入门教程之本地和远程仓库的本质
			
    本地仓库和远程仓库在本质上没有太大区别,只不过一个是本地电脑,一个是远程电脑. 远程仓库不一定非得是 github 那种专门的"中央服务器",甚至局域网的另外一台电脑也可以充当&q ...
    
			
    9. 
						
  9. mac 苹果多版本jdk自由切换
			
    场景 手头上的工具有时候依赖低版本jdk,有时候需要高版本jdk, 如何在不同版本jdk之间来回自由的切换? 安装 首选需要去官网下载dmg安装包,地址:https://www.oracle.com/ ...
    
			
    10. 
						
  10. 新的 Centos 服务器初始化配置
			
    当你初次创建新的 Centos 服务器的时候, Centos 默认的配置安全性和可用性上会存在一点缺陷(运维人员往往会有初始化的脚本).为了增强服务器的安全性和可用性,有些配置你应该尽快地完成. 这篇 ...
    
			
    11.