aspx前台调用cs后台方法

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

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

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

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

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

后台方法模型如下:

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

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

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<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种都不行,有知道的可以指点下。



posted on 2015-08-27 15:10  有梦想就有前进的方向  阅读(1133)  评论(0编辑  收藏  举报