Jquery实现异步读取数据

    <script src="JavaScript/jquery-2.1.1.min.js"></script>

    <script type="text/javascript">

        $(function() {

            initTable();

        });

        

        //初始化表格

        function initTable() {

            $.ajax({                

                url: "LoadAllNews.ashx",

                data: "",

                dataType: "json", //后台返回数据的类型

                type: "post",     //请求类型

                success:function(data) {

                    $("#tbBody").html("");

                    for (var key in data) {

                        var dateStr = "2014-10-11";

                        var strTr = "<tr>";

                        strTr += "<td>" + data[key].ID + "</td>";

                        strTr += "<td>" + data[key].title + "</td>";

                        strTr += "<td>" + dateStr + "</td>";

                        strTr += "<td>" + data[key].people + "</td>";

                        strTr += "</tr>";

                        $("#tbBody").append(strTr);

                    }

                }

            });

        }

    </script>

    public class LoadAllNews : IHttpHandler

    {

        public void ProcessRequest(HttpContext context)

        {

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

            //获取数据库中的所有数据

            string pageSql = "select ID,title,Date,people from MainInfo";

            DataSet ds = SqlHelper.Query(pageSql, null);

            GetNewList newList = new GetNewList();

            List<Model_Main> listData = newList.DataTableToList(ds.Tables[0]);

            //获取一个model实体的对象，直接转换成js数组、字符串

            JavaScriptSerializer jsJavaScriptSerializer=new JavaScriptSerializer();

            //序列化只能序列化一个类型

            string jsonStr = jsJavaScriptSerializer.Serialize(listData);

            context.Response.Write(jsonStr);

        }

        public bool IsReusable

        {

            get

            {

                return false;

            }

        }

    }