JS调用CS里的方法：WebMethod PageMethods AjaxMethod

最新推荐文章于 2019-07-12 18:39:09 发布
最新推荐文章于 2019-07-12 18:39:09 发布
阅读量3.1k 收藏
点赞数
分类专栏： .net类 文章标签： javascript service asp.net ajax vb.net web
 

http://blog.csdn.net/llll29550242/article/details/6120426举个列子：

Default.aspx 里代码

  1. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>  
  2.   
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  4.   
  5. <html xmlns="http://www.w3.org/1999/xhtml">  
  6. <head runat="server">  
  7. <title>无标题页</title>  
  8. <mce:script type="text/javascript" language="javascript"><!--  
  9. function minbzdm()  
  10. {  
  11. PageMethods.OK(xxx);  
  12. }  
  13. function xxx(result)  
  14. {  
  15. alert(result);  
  16. }  
  17. // --></mce:script>  
  18. </head>  
  19. <body>  
  20.     <form id="form1" runat="server">  
  21.     <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true">  
  22.     </asp:ScriptManager>  
  23.     <div>  
  24.     <input type='button' value='删除' οnclick='minbzdm()' />  
  25.     </div>  
  26.     </form>  
  27. </body>  
  28. </html>  
  29.   
  30. Default.aspx.cs里的代码  
  31.   
  32. public partial class _Default : System.Web.UI.Page  
  33. {  
  34.     protected void Page_Load(object sender, EventArgs e)  
  35.      {  
  36.      }  
  37.   
  38.      [System.Web.Services.WebMethod]  
  39.     public static string OK()   
  40.      {  
  41.         return "OK";  
  42.      }  
  43. }  

 

 

本实例经过测试，在vs2010的服务器上运行可能会出现错误，最好是在IIS上运行

 

通过PageMethods方法来实现JS调用CS，必须注意一下几点：

【1】静态的方法

          public static

 

【2】需要在cs方法上加上：

         [System.Web.Services.WebMethod]

 

【3】需要自定义一个函数接受结果

        function xxx(result)
        {
        alert(result);
        }

 

【4】ScriptManager 必须设置成 EnablePageMethods="true"

注意：

1、PageMethods.OK( 参数一，参数二，参数三，...，xxx);可以传入参数。对应的CS后台方法也要改进！

2、xxx为回调函数名，只有仅有一个参数。参数可以是数组，List<T>泛型等。

http://www.cnblogs.com/juxiaoqi/archive/2008/08/21/1273059.html

补充：

AJAX 调用Web Service 与 PageMethods注意细节

想要使用ASP.NET AJAX在客户端JavaScript中异步调用服务器端Web Service，我们需要：

1 为Web Service类或需要暴露给客户端的Web Service方法添加[ScriptService]
      属性；

2 为Web Service中需要暴露给客户端的方法添加[WebMethod]属性；

3 在页面中的ScriptManager控件中添加对该Web Service的引用；

4 在客户端使用如下JavaScript语法调用该Web Service：
      [NameSpace].[ClassName].[MethodName](param1, param2,..., callbackFunction)

5 为客户端异步调用指定回调函数，在回调函数中接收返回值并进一步处理。


-----------------------

想要使用ASP.NET AJAX在客户端JavaScript中异步调用定义在ASP.NET页面中的方法，我们需要：

1 将该方法声明为公有（public）；

2 将该方法声明为类方法（C#中的static，VB.NET中的Shared），而不是实例方法；

3 为该方法添加[WebMethod]属性；

4 将页面中ScriptManager控件的EnablePageMethods属性设置为true；

5 在客户端使用如下JavaScript语法调用该页面方法：
      PageMethods.[MethodName](param1, param2,..., callbackFunction)；

6 为客户端异步调用指定回调函数，在回调函数中接收返回值并进一步处理。

补充：另外一种调用

 

前台JS：

  1. function check() {  
  2.   
  3.             var title = document.getElementById("TabContainer1_tabpanel4_txtPicTitle").value;  
  4.   
  5.             var sn = document.getElementById("TabContainer1_tabpanel4_txtSN").value;  
  6.   
  7.             var playGUID = document.getElementById("TabContainer1_tabpanel4_hidPlayGUID").value;  
  8.   
  9.             var msg = Drilling_Pictures.Validate(title, sn, playGUID).value;//主要注意这里   
  10.   
  11.             if (msg == "") {  
  12.   
  13.                 return true;  
  14.   
  15.             } else {  
  16.   
  17.                 alert(msg);  
  18.   
  19.                 return false;  
  20.   
  21.             }  
  22.   
  23.         }  
  24.   
  25. <asp:ImageButton ID="imgBtn" runat="server" ImageUrl="~/images/btn25.png" OnClick="imgBtn_Click"  
  26.   
  27.                                                                 OnClientClick="return check();" />  
  

后台代码：

  1. public partial class Drilling_Pictures : BasePage  
  2.   
  3. {  
  4.   
  5.     [AjaxPro.AjaxMethod]  
  6.   
  7.     public string Validate(string title, string sn, string playGUID)  
  8.   
  9.     {  
  10.   
  11.         string str = "";  
  12.   
  13.         if (title.Trim() == "")  
  14.   
  15.         {  
  16.   
  17.             str = "标题不能为空";  
  18.   
  19.         }  
  20.   
  21.         else if (sn.Trim() == "")  
  22.   
  23.         {  
  24.   
  25.             str = "序号不能为空";  
  26.   
  27.         }  
  28.   
  29.         else if (!ConvertInt(sn.Trim()))  
  30.   
  31.         {  
  32.   
  33.             str = "序号必须为整数";  
  34.   
  35.         }  
  36.   
  37.         else if (!new DrillingPlayBack().CheckSN(playGUID, int.Parse(sn)))  
  38.   
  39.         {  
  40.   
  41.             str = "序号已经存在";  
  42.   
  43.         }  
  44.   
  45.         return str;  
  46.   
  47.     }  
  48.   
  49. }  

xjzdr
关注
专栏目录
JS调用CS里的方法：WebMethod PageMethods AjaxMethod
凯旋
01-06 5939
饮水思源：http://hi.baidu.com/%D3%B0%B7%E1/blog/item/f2739589fbb887bd0e2444d2.html举个列子：Default.aspx 里代码无标题页
asp.net下利用JS实现对后台CS代码的调用方法
10-30
asp.net下利用JS实现对后台CS代码的调用方法
Jquery直接调用后台方法(WebMethod框架的使用)
weixin_30652879的博客
07-11 379
前台方法： <script type="text/javascript"> $(function () { $('#btnClick').click(function () { $.ajax({ type: 'post', url: 'Defa...
在JS中调用CS里的方法(PageMethods)
weixin_30511039的博客
04-26 220
在JS中调用CS里的方法(PageMethods) 2014年04月28日 11:18:18被动阅读数：2998 最近一直在看别人写好的一个项目的源代码，感觉好多东西都是之前没有接触过的。今天在代码中看到了一个类PageMethods,于是就在想，这个类是系统类还是自定义的呢？后面再网上百度了一下，原来PageMethods是用来在JS里调用C...
js调用cs中函数的方法 和 在cs中调用js函数的方法
weixin_33939843的博客
03-30 116
js调用cs中函数的方法    在前台js代码里写上&lt;%method();%&gt;       举例:       cs文件中写的有       public void method()       {            ....执行某些操作.       }       这个函数,然后在前台页面的js里面调用.       &lt;script type="text...
ASP.Net：Js通过PageMethods调用WebMethod+多线程示例 .
04-27
**PageMethods** 是ASP.NET AJAX库的一部分，它允许我们在客户端的JavaScript中直接调用服务器端的方法。这种方式非常方便，因为我们可以直接在页面生命周期内执行异步操作，而无需创建完整的HTTP请求。这减少了网络...
用juery的ajax方法调用aspx.cs页面中的webmethod方法示例
10-27
juery的ajax调用aspx.cs页面中的webmethod方法：首先在 aspx.cs文件里建一个公开的静态方法，然后加上WebMethod属性，具体实现如下，感兴趣的朋友可以参考下哈，希望对大家有所帮助
JS调用C# PageMethods实操：传递参数与返回值
要实现JavaScript调用C#带参数的方法，你需要在客户端编写调用函数，设置`ScriptManager`以启用PageMethods，然后在服务器端定义相应的WebMethod，确保数据传递和返回值处理。这提供了一种在Web应用中便捷地实现...
一些常用的Js调用cs类
08-07 514
using System; using System.Web; using System.Web.UI; namespace COCOWO.COMP {     ///      /// 一些常用的Js调用     /// 创建时间：2006-8-3     /// 创建者：     ///      public class Jscript     {        
JS调用webService实例
10-23
JS调用webService实例，其中有详细使用文档！ myEclipse部署上客户端和服务器端即可直接测试！ 使用技术： JS,webService,JS调用webService,xfire,数字证书
js调用后台方法(cs文件中的方法)
02-26
js调用后台方法js调用后台方法(cs文件中的方法)js调用后台方法(cs文件中的方法)js调用后台方法(cs文件中的方法)js调用后台方法(cs文件中的方法)
Ajax客户端异步调用服务端的实现方法(js调用cs文件)
10-18
下面小编就为大家分享一篇Ajax客户端异步调用服务端的实现方法(js调用cs文件)，具有很好的参考价值，希望对大家有所帮助
JS调用CS里的方法：PageMethods
yingying0708的专栏
08-14 512
http://www.cnblogs.com/juxiaoqi/archive/2008/08/21/1273059.html举个列子： Default.aspx 里代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->@ Page Lang
js和cs互相调用
palawind
05-03 1741
 js调用js 直接脚本名.变量名C#调用C#声明static public 变量名，然后脚本名.变量名调用 js调用C# var c = gameObject.GetComponent("脚本名"); 脚本名.变量名调用C#调用js 脚本名c = (脚本名)gameObject.GetComponent&lt;脚本名&gt;(); 脚本名.变量名调用...
通过（[AjaxPro.AjaxMethod(AjaxPro.HttpSessionStateRequirement.Read)] ）在前台html页面调用cs方法...
weixin_30462049的博客
12-10 303
app_code中CS代码( Cs页面文件名public class ajaxGET)： [AjaxPro.AjaxMethod(AjaxPro.HttpSessionStateRequirement.Read)] public DataTable getchild(string str) { return new table(); } 前台aspx页面注...
JS/Cs相互调用
weixin_30653023的博客
08-12 132
js调用cs中函数的方法在前台js代码里写上<%method();%>举例:cs文件中写的有publicvoidmethod(){....执行某些操作.}这个函数,然后在前台页面的js里面调用.<scripttype="text/javascript">...
js和cs的值相互传递和函数的相互调用
weixin_41929029的博客
07-12 1000
js和cs后台的值相互传递和函数的相互调用 cs传值给js aspx代码： 1 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="JsCallCsValue.aspx.cs" Inherits="JsCallCsValue" %> 2 3 <!DOCTYPE html PUBLIC "-//W3C//DTD X...
JQuery直接调用asp.net后台WebMethod方法
花行远的码园
10-19 352
JQuery直接调用asp.net后台WebMethod方法
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值