c# ajax从后台获取数据list数组 $.each再显示数据
后台代码
public JsonResult linkage(string Department)
{//逻辑是:先从数据库查到表数据
再把表数据转换为LIST给AJAX
HE_Department HE_dt = new HE_Department();
DataTable dt = HE_dt.InquireDoctor(Department); 方法1:table表转化为数组 传给前台
List<Entitys.HE_Doctor> list = DataTableToList.ConvertTo<Entitys.HE_Doctor>(dt).ToList();
方法2:table表转化为json对象传给前台
var jsontable=dt转化为JSON
注意:table表不能直接传给Json return Json(list, JsonRequestBehavior.AllowGet); }
前台显示
if (data != null)
{
$(".drop_box2").html("");
$(".drop_box2").append("<li>全部</li>");
$.each(data, function (idx, obj) {
listHtml += "<li>" + obj.DoctorName + "</li>";
});
$(".drop_box2").append(listHtml); } if (data != null) {
$(".drop_box2").html("");
$(".drop_box2").append("<li>全部</li>");
$.each(data, function (idx, obj) {
//循环一个模板 多层DIV嵌套情况下
listHtml += "<div>";
listHtml += "模板内容" + obj.名字;
listHtml += "模板内容" + obj.年龄;
listHtml += "</div>"; });
$(".drop_box2").append(listHtml); } }
1.JSON.parse(“要转换的数组”) 。
2.JSON.stringify(“要转化的数组”)。
3.首先,两个方法的用法是有差别的。
①.JSON.stringify是从一个对象中解析出字符串。
②.JSON.parse是从一个字符串中解析出json(键值对)。
4.所以在使用的时候如果参数不对应,就不能正确转换。
一.JSON.parse()【从一个字符串中解析出json对象】
例子:
1.//定义一个字符串,var data='{"name":"goatling"}'。
2.//解析对象,JSON.parse(data)。
3.结果是:
name:"goatling"
二.JSON.stringify()【从一个对象中解析出字符串】
1.var data={name:'goatling'}
2.JSON.stringify(data)
3.结果是:
'{"name":"goatling"}'
c# ajax从后台获取数据list数组 $.each再显示数据的更多相关文章
- jquery通过AJAX从后台获取信息并显示在表格上的类
前一阵我写了:<jquery通过AJAX从后台获取信息并显示在表格上,并支持行选中.>现在,我把他们处理了一下,不需要每次写代码了: 具体代码如下: //获取数据并显示数据表格 funct ...
- jquery通过AJAX从后台获取信息并显示在表格上,并支持行选中
不想用Easyui的样式,但是想要他的表格功能,本来一开始是要到网上找相关插件的,但是没找到就开始自己写,没想到这么简单. 后台代码:(这个不重要) public ActionResult GetDi ...
- jsTree通过AJAX从后台获取数据
页面代码: <div id="MenuTree"></div> javascript代码: $(document).ready(function ($) { ...
- Jquery通过AJAX从后台获取数据显示在表格上(复选)
代码: function GetMultiLineSelectTable(tableId, selectIds) { var table = $(tableId); var url = table.d ...
- Excel在数据表中悬停鼠标显示数据值
打开一个实例文档,鼠标移动到数据表中,在柱状图上中悬停鼠标,可以看到没有显示数据的值. 鼠标单击左上角的<文件>按钮. 然后单击<选项>按钮. 在弹出的excel选项对话框中单 ...
- echart表格,动态的通过ajax从后台获取数据动态的展示数据
官网上都是介绍的echar表格的展示方法,但是都是静态数据,一开始的时候我总是纳闷,这些数据都是怎么上上去的 , 后来通过一些方法,当然这些方法也不是我自己写出来的,也是通过在网上收集了一下 ,现在才 ...
- jQuery ajax参数后台获取不到的问题
<script type="text/javascript"> init(); var alldate = {a : "0",b:"1&q ...
- 后台获取POST方式提交的JSON格式数据
1.直接使用request.getParamater()的方法获取(这种取参方式对于POST和GET的提交方式均适用): 2.通过请求体的IO流获取参数(这种方式只能用于POST,因为GET方式没有请 ...
- 定一条数据用: => slot-scope属性,再显示对应的数据
通过 Scoped slot 可以获取到 row, column, $index 和 store(table 内部的状态管理)的数据: {{scope.row}} =>获取整行的数据 {{sco ...
随机推荐
- python面试十题
问题1: 请问如何修改以下python代码,使得下面的代码调用类A的show方法? class A(): def show(self): print("base show") cl ...
- 程序员减少代码BUG的7种方法,拒绝编程5分钟,查代码2小时!
0.别对警告视而不见 相信不少的程序员会使用IDEA,使用它敲代码,有时候会出现警告,那么这时你对警告就不能视而不见了. 我们的目标是,写干净的代码,做风一样的男子! 1.编程习惯 种瓜得瓜种豆得豆, ...
- JS DateTime 格式化
首先看我们在浏览器接收到的DateTime格式的数据: 如果没有在传输的时候把DateTime转成字符串的话,我们只需要在JS中加一段代码即可转换,代码如下: function ChangeDateF ...
- svn检出项目,Project *** is already imported into workspace
1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16.如果从svn检出的项目 Import ---- Existing Maven Pro ...
- Ubuntu 14.04 修改时区
执行下面命令,并按照提示选择"Asia/Shanghai": sudo dpkg-reconfigure tzdata 正常执行结果为: Current default time ...
- SOAR平台初探(一)
1.前言 Security Orchestration, Automation and Response(SOAR)安全编排和自动化响应,是Gartner2017年提出的新概念.Gartner预计到2 ...
- November 14th 2016 Week 47th Monday
There are far, far better things ahead than any we leave behind. 前方,有更美好的未来. Can I see those better ...
- SMTP服务器设置
Web.config中使用如下配置 <system.net> <mailSettings> <smtp from="info@site.c ...
- ZT 二分插入排序也称折半插入排序
二分插入排序也称折半插入排序,基本思想是:设数列[0....n]分为两部分一部分是[0...i]为有序序列,另一部分是[i+1.....n]为无序序列,从无序序列中取一个数 x ,利用二分查找算法找到 ...
- Angular 星级评分组件
一.需求演变及描述: 1. 有一个“客户对公司的总体评价”的字段(evalutation).字段为枚举类型,0-5,对应关系为:0-暂无评价,1-很差,2-差,3-一般,4-好,5-很好 2. 后来需 ...