代码改变世界

javascript ajax调用asp.net后台方法

2012-12-06 16:27  sql_manage  阅读(374)  评论(0编辑  收藏  举报

前台的javascript通过ajax去调用后台的方法,达到异步更新的目的。

这个方法只能用于.net 2.0或2.0之上的版本。

1、引入命名空间

     using System.Web.Services;

2、后台代码如下:

[WebMethod]
        public static string test(string name,string sex)
        {
            return "hello ajax"+name+","+sex;
        }

3、前台代码如下:

<script type="text/javascript">
        $(document).ready(function () {
            $("#btnOk").bind('click', function () {
                $.ajax({
                    url: "ajax.aspx/test",
                    type: "POST",
                    data:"{'name':'小春','sex':'男'}",
                    contentType: "application/json; charset=utf-8", 
                    success: function (data) {
                        alert(data.d);
                    },
                    error: function (errorData) {
                        alert(errorData);
                    }
                });
            });
        });
    </script>

注意这里

contentType: "application/json; charset=utf-8", 
是一定要的。

还有注意是data.d这一节。