转自  http://blog.csdn.net/handsometone1982/article/details/7684894

利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法。
[WebMethod]   命名空间

1、无参数的方法调用, 注意:1.方法一定要静态方法,而且要有[WebMethod]的声明
后台<C#>:

  1. using System.Web.Script.Services;
  2. [WebMethod]
  3. public static string SayHello()
  4. {
  5. return "Hello Ajax!";
  6. }

前台<JQuery>:

  1. $(function() {
  2. $("#btnOK").click(function() {
  3. $.ajax({
  4. //要用post方式
  5. type: "Post",
  6. //方法所在页面和方法名
  7. url: "data.aspx/SayHello",
  8. contentType: "application/json; charset=utf-8",
  9. dataType: "json",
  10. success: function(data) {
  11. //返回的数据用data.d获取内容
  12. alert(data.d);
  13. },
  14. error: function(err) {
  15. alert(err);
  16. }
  17. });
  18. //禁用按钮的提交
  19. return false;
  20. });
  21. });

2、带参数的方法调用

后台<C#>:

  1. using System.Web.Script.Services;
  2. [WebMethod]
  3. public static string GetStr(string str, string str2)
  4. {
  5. return str + str2;
  6. }

前台<JQuery>:

  1. $(function() {
  2. $("#btnOK").click(function() {
  3. $.ajax({
  4. type: "Post",
  5. url: "data.aspx/GetStr",
  6. //方法传参的写法一定要对,str为形参的名字,str2为第二个形参的名字
  7. data: "{'str':'我是','str2':'XXX'}",
  8. contentType: "application/json; charset=utf-8",
  9. dataType: "json",
  10. success: function(data) {
  11. //返回的数据用data.d获取内容
  12. alert(data.d);
  13. },
  14. error: function(err) {
  15. alert(err);
  16. }
  17. });
  18. //禁用按钮的提交
  19. return false;
  20. });
  21. });

3、返回数组方法的调用

后台<C#>:

  1. using System.Web.Script.Services;
  2. [WebMethod]
  3. public static List<string> GetArray()
  4. {
  5. List<string> li = new List<string>();
  6. for (int i = 0; i < 10; i++)
  7. li.Add(i + "");
  8. return li;
  9. }

前台<JQuery>:

    1. $(function() {
    2. $("#btnOK").click(function() {
    3. $.ajax({
    4. type: "Post",
    5. url: "data.aspx/GetArray",
    6. contentType: "application/json; charset=utf-8",
    7. dataType: "json",
    8. success: function(data) {
    9. //插入前先清空ul
    10. $("#list").html("");
    11. //递归获取数据
    12. $(data.d).each(function() {
    13. //插入结果到li里面
    14. $("#list").append("<li>" + this + "</li>");
    15. });
    16. alert(data.d);
    17. },
    18. error: function(err) {
    19. alert(err);
    20. }
    21. });
    22. //禁用按钮的提交
    23. return false;
    24. });
    25. });

JQuery直接调用asp.net后台WebMethod方法(转)的更多相关文章

  1. JQuery直接调用asp.net后台WebMethod方法

    利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法.[WebMethod]   命名空间 1.无参数的方法调用, 注意:1.方法一定要静态方法,而且要有[WebMethod]的 ...

  2. [ASP.NET]JQuery直接调用asp.net后台WebMethod方法

    在项目开发碰到此类需求,特此记录下经项目验证的方法总结. 利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法. [WebMethod] 命名空间 1.无参数的方法调用 注意:方 ...

  3. JQuery ajax调用asp.net的webMethod

    本文章转载:http://www.cnblogs.com/zengxiangzhan/archive/2011/01/16/1936938.html 在vs2010中,用JQuery ajax调用as ...

  4. JQuery Ajax调用asp.net后台方法

    利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法. 先来个简单的实例热热身吧. 1.无参数的方法调用 asp.net code: using System.Web.Scrip ...

  5. jQuery.ajax()调用asp.net后台方法

    利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法.介意方法名不要重名 建一个WebFormAjax名aspx文件 CS <%@ Page Language=" ...

  6. 利用JQuery直接调用asp.net后台方法

    利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法. [WebMethod]   命名空间 1.无参数的方法调用, 注意:1.方法一定要静态方法,而且要有[WebMethod] ...

  7. jQuery.ajax()调用asp.net后台方法(非常重要)

    http://www.cnblogs.com/zxhoo/archive/2011/01/30/1947752.html 用JQuery的$.ajax()可以很方便的调用asp.net的后台方法. 先 ...

  8. 利用JQuery直接调用asp.net后台的简单方法

    利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法. [WebMethod]   命名空间 1.无参数的方法调用, 注意:1.方法一定要静态方法,而且要有[WebMethod] ...

  9. .Net中jQuery.ajax()调用asp.net后台方法 总结

    利用JQuery的$.ajax()调用.Net后台方法有多种方式, 不多说了  直接上代码 前台代码 <script type="text/javascript"> $ ...

随机推荐

  1. Linux环境Oracle相关操作命令行

        打开Oracle监听:lsnrctl start          关闭监听:   lsnrctl stop 监听关闭那么客户端无法连接 进入sqlplus:sqlplus /nolog  使 ...

  2. sizeof 是编译时运算符

    typedef char RT1;typedef struct{ char a[2]; } RT2;template<typename T> RT1 test(typename T::X ...

  3. image_Magic

    http://www.charry.org/docs/linux/ImageMagick/ImageMagick.html mogrify -sample 25% *.jpg  批量处理图片 conv ...

  4. ul,li设置inline-block缝隙

    去掉换行符和空白符 margin-left: -0.5em(缝隙大小不确定) ul字号设为0,li设置字号 (有些浏览器设置最小字体) js移除空白子节点

  5. Ubuntu安装及一些初始操作

    目录 使用Universal-USB-Installer安装Ubuntu Ubuntu连接无线网络 Windows与Ubuntu双系统时间不一致解决办法 Ubuntu安装Sublime Text 3 ...

  6. CNN学习笔记:神经网络表示

    CNN学习笔记:神经网络表示 双层神经网络模型 在一个神经网络中,当你使用监督学习训练它的时候,训练集包含了输入x还有目标输出y.隐藏层的含义是,在训练集中,这些中间节点的真正数值,我们是不知道的,即 ...

  7. $用ConfigParser模块读写conf配置文件

    ConfigParser是Python内置的一个读取配置文件的模块,用它来读取和修改配置文件非常方便,本文介绍一下它的基本用法. 数据准备 假设当前目录下有一个名为sys.conf的配置文件,其内容如 ...

  8. $用python-docx模块读写word文档

    工作中会遇到需要读取一个有几百页的word文档并从中整理出一些信息的需求,比如产品的API文档一般是word格式的.几百页的文档,如果手工一个个去处理,几乎是不可能的事情.这时就要找一个库写脚本去实现 ...

  9. $ git学习总结系列(3)——分支管理

    本文主要介绍git分支的概念及常用分支操作. 分支的概念 所谓分支,可以理解成一个个相互独立的工作空间,在每一个分支上的改动不会影响到其他分支的代码.git默认的分支是master分支. 试想一下这样 ...

  10. 【笔记】Maven使用入门

    参考<maven实战> 1.编写POM 2.编写主代码 3.编写测试代码 4.打包和运行 具体如下: 1.编写POM. <!-- XML头,指定了该xml文档的版本和编辑方式 --& ...