zoukankan      html  css  js  c++  java
  • jQuery直接调用asp.net后台WebMethod方法

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

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

    后台<C#>:

    using System.Web.Script.Services;

    [WebMethod]
    public static string SayHello()
    {
      return "Hello Ajax!";
    }

    前台<JQuery>:

    $(function() {
      $("#btnOK").click(function() {
      $.ajax({
        //要用post方式
        type: "Post",
        //方法所在页面和方法名
        url: "data.aspx/SayHello",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(data) {
          //返回的数据用data.d获取内容
          alert(data.d);
        },
        error: function(err) {
          alert(err);
        }
      });

      //禁用按钮的提交
      return false;
      });
    });

    2、带参数的方法调用

    后台<C#>:

    using System.Web.Script.Services;

    [WebMethod]
    public static string GetStr(string str, string str2)
    {
      return str + str2;
    }

    前台<JQuery>:

    $(function() {
      $("#btnOK").click(function() {
        $.ajax({
          type: "Post",
          url: "data.aspx/GetStr",
          //方法传参的写法一定要对,str为形参的名字,str2为第二个形参的名字
          data: "{'str':'我是','str2':'XXX'}",
          contentType: "application/json; charset=utf-8",
          dataType: "json",
          success: function(data) {
          //返回的数据用data.d获取内容
          alert(data.d);
          },
        error: function(err) {
          alert(err);
        }
      });

      //禁用按钮的提交
      return false;
      });
    });

    3、返回数组方法的调用

    后台<C#>:

    using System.Web.Script.Services;

    [WebMethod]
    public static List<string> GetArray()
    {
      List<string> li = new List<string>();

      for (int i = 0; i < 10; i++){
        li.Add(i + "");
      }
      return li;
    }

    前台<JQuery>:

    $(function() {
      $("#btnOK").click(function() {
        $.ajax({
          type: "Post",
          url: "data.aspx/GetArray",
          contentType: "application/json; charset=utf-8",
          dataType: "json",
          success: function(data) {
          //插入前先清空ul
          $("#list").html("");

          //递归获取数据
          $(data.d).each(function() {
          //插入结果到li里面
            $("#list").append("<li>" + this + "</li>");
          });

            alert(data.d);
        },
        error: function(err) {
            alert(err);
          }
        });

        //禁用按钮的提交
        return false;
      });
    });
    /// <reference path="jquery-1.4.2-vsdoc.js"/>
    $(function() {
      $("#btnOK").click(function() {
        $.ajax({
          type: "Post",
          url: "data.aspx/GetArray",
          contentType: "application/json; charset=utf-8",
          dataType: "json",
          success: function(data) {
          //插入前先清空ul
          $("#list").html("");

          //递归获取数据
          $(data.d).each(function() {
          //插入结果到li里面
          $("#list").append("<li>" + this + "</li>");
        });

          alert(data.d);
        },
        error: function(err) {
          alert(err);
        }
      });

        //禁用按钮的提交
        return false;
      });
    });

  • 相关阅读:
    C#画K线图代码
    SQL查询效率:100w数据查询只需要1秒钟
    全程图解 手把手教你做RAID磁盘阵列
    炒股高手实战技巧
    数据库主键设计之思考
    如何做磁盘阵列和磁盘镜象
    股海心法—浓缩股市精华
    如何做磁盘阵列
    SQL Server 2005实现负载均衡的详细介绍!
    K线六种形态
  • 原文地址:https://www.cnblogs.com/chengeng/p/5799643.html
Copyright © 2011-2022 走看看