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

利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法。

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:								 
 1/3    1 2 3 下一页 尾页