利用JQuery的$.ajax()可以很方便的調(diào)用asp.net的后臺(tái)方法。[WebMethod]?? 命名空間

1、無參數(shù)的方法調(diào)用, 注意：1.方法一定要靜態(tài)方法，而且要有[WebMethod]的聲明

后臺(tái):using?System.Web.Script.Services;

[WebMethod]

public?static?string?SayHello()

{

return?"Hello?Ajax!";

}$(function()?{

$("#btnOK").click(function()?{

$.ajax({

//要用post方式

type:?"Post",

//方法所在頁面和方法名

url:?"data.aspx/SayHello",

contentType:?"application/json;?charset=utf-8",

dataType:?"json",

success:?function(data)?{

//返回的數(shù)據(jù)用data.d獲取內(nèi)容

alert(data.d);

},

error:?function(err)?{

alert(err);

}

});

//禁用按鈕的提交

return?false;

});

});

2、帶參數(shù)的方法調(diào)用

后臺(tái):using?System.Web.Script.Services;

[WebMethod]

public?static?string?GetStr(string?str,?string?str2)

{

return?str?+?str2;

}

前臺(tái):$(function()?{

$("#btnOK").click(function()?{

$.ajax({

type:?"Post",

url:?"data.aspx/GetStr",

//方法傳參的寫法一定要對(duì)，str為形參的名字,str2為第二個(gè)形參的名字

data:?"{'str':'我是','str2':'XXX'}",

contentType:?"application/json;?charset=utf-8",

dataType:?"json",

success:?function(data)?{

//返回的數(shù)據(jù)用data.d獲取內(nèi)容

alert(data.d);

},

error:?function(err)?{

alert(err);

}

});

//禁用按鈕的提交

return?false;

});

});

3、返回?cái)?shù)組方法的調(diào)用

后臺(tái):using?System.Web.Script.Services;

[WebMethod]

public?static?List?GetArray()

{

List?li?=?new?List();

for?(int?i?=?0;?i?

li.Add(i?+?"");

return?li;

}

前臺(tái):$(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("");

//遞歸獲取數(shù)據(jù)

$(data.d).each(function()?{

//插入結(jié)果到li里面

$("#list").append("

"?+?this?+?"");

});

alert(data.d);

},

error:?function(err)?{

alert(err);

}

});

//禁用按鈕的提交

return?false;

});

});

///?

$(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("");

//遞歸獲取數(shù)據(jù)

$(data.d).each(function()?{

//插入結(jié)果到li里面

$("#list").append("

"?+?this?+?"");

});

alert(data.d);

},

error:?function(err)?{

alert(err);

}

});

//禁用按鈕的提交

return?false;

});

});

總結(jié)

以上是生活随笔為你收集整理的ajax webmethod,JQuery直接调用asp.net后台WebMethod方法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。