求大侠帮我写个很基础的，有比较详细的注释的代码。。
AJAX和ASP的。前台一个输入框加个按钮和空的DIV。点按钮把输入框的值用AJAX传给后台后台通过存储过程查询表内符合输入的内容，然后展示在空DIV里面。一个比如学生类。输入名字（有重复）。得到匹配的数据、再展示出来。注释主要是AJAX传值和后台查询到数据了再传回前台这2个地方。新手才开始学AJAX。想找个实例看看、前台后台和存储过程最好都写下。
------解决方案--------------------

 <script>

        $(function () {

            $("#btJs").click(function () {

              $id=$("#txname").val();

                $.ajax({

                    type: "post",

                    url: "tbToJson.ashx",

                    data: {id:$id}

                    dataType: "json", //返回数据格式

                    success:function(data){ 

                        var tb = "<table  id='tdd' ><tr><td>ID</td><td>title</td></tr>";

                        for (var i = 0; i < data.length; i++) {

                            tb += "<tr><td>" + data[i].TypeName + "</td><td>" + data[i]["Remark"] + "</td></tr>";

                        }

                        tb += "</table>";

                        $("#div1").append(tb);

                    }

                });

            });

        })

    </script>

 context.Response.ContentType = "text/plain";

        string id = context.Request.Form["id"].ToString();

        string String = ConfigurationManager.ConnectionStrings["MovieConnection"].ToString();

        SqlConnection con = new SqlConnection(String);

        con.Open();

        SqlDataAdapter da = new SqlDataAdapter("