解析JSON数据后的两种显示方式

1、解析 JSON 数据后的两种显示方式解析 JSON 数据后的两种显示方式 2016-06-01 16:23 2013 人阅读 评论 (0) 收藏 举报分类： JSON( 5)目录 (?)+ 通过 js 获取前台数据向一般处理程序传递Json 数据，并解析Json数据，将前台传来的 Json数据写入数据库表中 先看一下要实现的功能界面：这个界面的功能在图中已有展现，课程分配(教师教授哪门课程)在之前的页面中 已做好。这个页面主要实现的是授课，即给老师教授的课程 分配学生。此页面实现功能的步骤已在页面中有所体现，这 里不再赘述， 此篇文章主要介绍 :我是如何通过 js 从前台获取 数据，然后通过

2、ajax 技术向后台一般处理程序传递 JSON， 后台又是如何获取传来的 JSON,并对JSON数据转换，然后 将转换后的数据写入数据库的 ! 介绍这些步骤实现前， 先 说说自己的辛酸：絮叨辛酸，是因为为了实现这个功能，我 真的用了很长时间！为了让用户看着舒服点，这个页面的实 现我写了 700多行的JS代码和9个一般处理程序！为了避免 页面刷新影响效果，又不想使用 VS 自带的 UpdatePanelAJAX 控件，感觉这个控件会带来不少后患，所以这个页面 的实现我使用了大量 JS 代码。从后台一般处理程序向前台传 递JSON，前台解析JSON并显示在界面，这样的实现网上 例子很多，非常容易实

3、现，我也写了一篇博客来记录自己的 成长，见项目经验-后台一般处理程序向前台 JS文件 传递JSON，JS解析JSON,将数据显示在界面-显示在 DropDownList 或 显示在动态创建的 table 中；而从前台向后台传递 JSON 用法，却让我费尽周折，最终也没找到一个完整的实例，但 最后将问题分成几个步骤，然后一步步解决了！下面分享下我的经验，希望对用到此功能的战友有所帮 助，当然我这样实现有什么缺陷，还希望得到高人指点！ 1. 界面层添加信息列表部分 html 代码 html view plain copy<!- 添加各项列表 -><td c

4、lass="addlist"><div class="block"> <div class="h"><span class="icon-sprite icon-list"></span><h3>添加信息列表 </h3></div><div class="tl corner"&

5、amp;gt; </div><div class="tr corner"> </div><div class="bl corner"> </div><div class="br corner"> </div><div class="cnt-wp"> <div class="

6、;cnt" style="width: 450px; height: 400px; overflow: scroll;"><table class="data-form" id="tabAddList" border="0" cellspacing="0" width="450px"align="center"cellpadding="0"><tbody>&

7、amp;lt;tr><th scope="row"> 教师名：</th><td> <asp:TextBoxCssClass="input-normal" ID="txtAddTeacherName" runat="server"Enabled="False"></asp:TextBox><%- 隐藏控件， 保存教师 id-%&am

8、p;gt;<asp:HiddenField ID="hidFieldSaveTeacherID" runat="server" /></td></tr><tr><th scope="row">课程名：</th><td><asp:TextBoxCssClass="input-normal" ID="txtAddCourseName" runat="server"Enabled="False"></asp:TextBox><%- 隐藏控件