C#中使用Ajax访问后台方法

之前学习的过程中,一直使用控件事件进行进行数据的CRUD操作,那么现在摆脱控件,使用Ajax进行方法访问

一个简单的Demo,先来写一个xxx.aspx.cs中的方法

        String addMethod(String name)
        {
            return name+" back";
        }

前台jQuery做Ajax的时候，服务器端可以调用aspx.cs 中声明带有[WebMehtod]的public static 的方法(不需要自己手动添加web.config的配置)

所以加上

        using System.Web.Services;

        [WebMethod]
        public static String addMethod(String name)
        {
            return name+" back";
        }

HTML引入jQuery文件后

    <div>
        <span>输入项</span><input type="text" class="name"/>
    </div>
    <div>
        <span>显示</span><input type="text" class="show" />
    </div>
    <div>
        <input type="button" value="submit" class="submit" />
    </div>

$(function() {   
    $(".submit").click(function() {   
        $.ajax({   
            type: "POST",   
            url: "xxx.aspx/addMethod",   
            contentType: "application/json; charset=utf-8", 
            data: JSON.stringify({ name: $(".name").val() }),
            success: function(data) {    
                $(".show").val(data.d);
            }  
            dataType: "json"
        }); 
    });       
});

参照网上教程和同学的列子写的,如有问题请指正,谢谢大家~