首页 > 代码库 > 练习JsonJquery查找数据

练习JsonJquery查找数据

一.添加Newtonsoft.dll引用

二.cs部分

            Response.Cache.SetCacheability(HttpCacheability.NoCache);            if (Request.QueryString["select"]!=null)            {                IList<News> list = NewsManager.AllNews();                string str = Newtonsoft.Json.JsonConvert.SerializeObject(list);                Response.Write(str);                Response.End();            }

三.页面部分

<html><head runat="server"><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>    <title></title>    <script type="text/javascript" src="Scripts/jquery-1.4.1.js"></script>        <script type="text/javascript">        function showall()        {            $.get("WebForm1.aspx?select=aa", function (data) {                var json = eval(data);                var html = "<table>";                html += "<tr><td>Id</td><td>Title</td><td>Time</td></tr>";                for (var i = 0; i < json.length; i++)                {                    html += "<tr>";                    html += "<td>"+json[i].Id+"</td><td>"+json[i].Title+"</td><td>"+json[i].Time+"</td>";                    html += "<tr>";                }                html += "</table>";                $("#div1").html(html);            });        }    </script></head><body onload="showall()">    <form id="form1" runat="server">    <div id="div1">        </div>    </form></body></html>