随着对于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种都不行,有知道的可以指点下。