jquery前台调用asp.net后台方法

jquery调用asp.net后台的方法示例,在asp.net 页面如何使用jquery调用asp.net页面后台代码. 
  先创建一个aspx页面编写一个客户端控件<input type="button"id="AjaxDemo" value="AjaxDemo">

再aspx后台的页面编写一个简单的方法,代码如下:

[WebMethod]
public static string ABC(string ABC)
{
    returnABC;
}

必须声明为静态方法,并且它们必须使用 [WebMethod] 特性标注。

 接下来就应该考虑怎么让前台的客户端控件调用到后台的方法了..这时jqury登场了..

 在页面引入jquery类库

<script type="text/javascript"src="JQuery/jquery-1.3.2-vsdoc2.js"></script>

在页面添加脚本代码如下:

 <scripttype="text/javascript">

$().ready(
           function() {
               $("#AjaxDemo").click(function() {
                   $.ajax({
                       type: "POST",
                       url: "Default.aspx/ABC",
                       data: "{'ABC':'test'}",
                       contentType: "application/json; charset=utf-8",
                       success: function(msg) {alert(msg); }
                   })
               })
           }
       )

</script >

posted @ 2010-12-06 11:14  ASP小菜新手  阅读(1121)  评论(5编辑  收藏  举报