aspx前台调用cs后台方法

随着对于mvc的习惯使用,aspx页面渐渐用的不怎么用了，主要是生命周期感觉上比较慢，要么就用html+handler一般处理程序来装下逼。虽然不用，但还是要给刚工作的人讲下，相信不少人都想过：既然前台可以用后台的变量，那么能不能用后台的方法呢？

答案是肯定的,但是有几个原则：

1.后台被调用的方法必须是public 或 protected

2.后台被调用的方法必须是静态的static

3.后台被调用的方法必须是 [WebMethod]标签修饰过的（你没看错，这的确是webservice接口方法上的标签,实际上相当于调接口）

后台方法模型如下：

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

当然 既然可以带参当然也可以无参无返回值。

现在来说说前台的调用，废话不多说 直接上代码

<input type="text"  id="SearchKey"  value="" />
<input id="btnserach" type="button" value="搜索" />
<script type="text/javascript">

$(function() {

$("#btnserach").click(function() {
$.ajax({
type: "post", //要用post方式
url: "Demo.aspx/SayHello",//方法所在页面和方法名
data: "{'key':'" + $("#SearchKey").val() + "'}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(data) {
console.log(data.d);
},
error: function(err) {
alert(err);
}
});
});
});

</script>

　　就这样 一个简单的小小的demo就完成了。不过我不得不着重的提一下，我实验了好久 对于多个参数传递过去总是不成功，仿佛后台始终把它当做一个参数在解析，无论用string 还是int

data: "{'content':'" + $("#content").val() + "','createTime':'" + $("#createTime").val() + "','creator':'" + $("#creator").val() + "'}",

data:"{key:"+ key +",name:"+ name +"}",
这2种都不行，有知道的可以指点下。