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种都不行，有知道的可以指点下。