ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

asp.net + jquery + json 实例[转]

2019-07-05 12:08:02  阅读:118  来源: 互联网

标签:jquery Web asp System jsonBuilder using net Append row


getjson.js文件

Code
 1function getjson()
 2     {
 3      $("[id=ready]").remove();//返回id=ready的所有dom元素
 4      $.ajax({
 5                type:"get",
 6                dataType:"json",
 7                url:"json.aspx",
 8                data:"id=1",
 9                success:function(msg)
10                {
11                   var data=msg.bbslist; 
12                  //$("#databox").html(msg);
13                  //cleartext();
14                   $.each(data,function(i,n)
15                               {                                                                                          
16                                  var row=$("#temp").clone();
17                                  row.find("#listtile").text(n.listtile);
18                                  row.find("#listvalue").text(n.listvalue);
19                                  row.attr("id","ready");                                 
20                                  row.appendTo("#mainbox");
21                               });
22                }
23             });
24    }


test.html页面文件

Code
 1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2<html xmlns="http://www.w3.org/1999/xhtml" >
 3<head>
 4<title>Untitled Page</title>
 5<link href="jspage.css" rel="Stylesheet" />
 6<script language="javascript" src="jquery.js"></script>
 7<script language="javascript" src="getjosn.js"></script>
 8</head>
 9<body onload="getjson();">
10<div id="setpage"></div>
11<div id="mainbox">
12  <div id="temp">
13  <div id="listtile"></div>
14  <div id="listvalue"></div>
15</div>
16</div>
17</body>
18</html>
19


json.aspx.cs文件

Code
 1  using System;
 2  using System.Data;
 3  using System.Configuration;
 4  using System.Web;
 5  using System.Web.Security;
 6  using System.Web.UI;
 7  using System.Web.UI.WebControls;
 8  using System.Web.UI.WebControls.WebParts;
 9  using System.Web.UI.HtmlControls;
10  using System.Text;
11  /**//// <summary>
12  /// Summary description for DataTableToJSON
13  /// </summary>
14  public class DataTableToJSON
15  {
16    public DataTableToJSON()
17    {
18        //
19        // TODO: Add constructor logic here
20        //
21    }
22    public static string DtToSON(DataTable dt)
23    {
24        StringBuilder jsonBuilder = new StringBuilder();
25        jsonBuilder.Append("{""");
26        jsonBuilder.Append(dt.TableName.ToString());
27        jsonBuilder.Append(""":[");
28        for (int i = 0; i < dt.Rows.Count; i++)
29        {
30            jsonBuilder.Append("{");
31            for (int j = 0; j < dt.Columns.Count; j++)
32            {
33                jsonBuilder.Append("""");
34                jsonBuilder.Append(dt.Columns[j].ColumnName);
35                jsonBuilder.Append(""":""");
36                jsonBuilder.Append(dt.Rows[i][j].ToString());
37                jsonBuilder.Append(""",");
38            }
39            jsonBuilder.Remove(jsonBuilder.Length - 1, 1);
40            jsonBuilder.Append("},");
41        }
42        jsonBuilder.Remove(jsonBuilder.Length - 1, 1);
43        jsonBuilder.Append("]");
44        jsonBuilder.Append("}");
45        return jsonBuilder.ToString();
46    }
47  }
48

转载于:https://www.cnblogs.com/Tim_Liu/archive/2010/11/24/1886669.html

标签:jquery,Web,asp,System,jsonBuilder,using,net,Append,row
来源: https://blog.csdn.net/weixin_34146805/article/details/94724535

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有