利用JQuery的$.ajax()可以很方便的调用的后台方法。[WebMethod] 命名空间
1、无参数的方法调用, 注意:1.方法一定要静态方法,而且要有[WebMethod]的声明
后台:usingSystem.Web.Script.Services;
[WebMethod]
publicstaticstringSayHello()
{
return"HelloAjax!";
}$(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);
}
});
//禁用按钮的提交
returnfalse;
});
});
2、带参数的方法调用
后台:usingSystem.Web.Script.Services;
[WebMethod]
publicstaticstringGetStr(stringstr,stringstr2)
{
returnstr+str2;
}
前台:$(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);
}
});
//禁用按钮的提交
returnfalse;
});
});
3、返回数组方法的调用
后台:usingSystem.Web.Script.Services;
[WebMethod]
publicstaticListGetArray()
{
Listli=newList();
for(inti=0;i
li.Add(i+"");
returnli;
}
前台:$(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("
"+this+"");
});
alert(data.d);
},
error:function(err){
alert(err);
}
});
//禁用按钮的提交
returnfalse;
});
});
///
$(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("
"+this+"");
});
alert(data.d);
},
error:function(err){
alert(err);
}
});
//禁用按钮的提交
returnfalse;
});
});