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 ...
随机推荐
- 内置数据结构(list)
列表.元组.字符串.字典和集合是python内置的数据结构,也可以叫内置容器.前3个是线性结构,线性结构可以切片操作.解包和封包操作. dir()方法可以查看对象拥有哪些属性和方法. help()方法 ...
- 18年10月30日 NOIP模拟赛
T1 jkl 题解 显然每次都取a[i]的最大值/最小值,并更新a[i]即可 用数据结构维护这一操作..得分看常数 事实上用v[i]记录权值为i的个数,然后for乱搞就可以了... 其它乱搞做法能获得 ...
- SGU---107 水题
题目链接: http://codeforces.com/problemsets/acmsguru/problem/99999/107 题目大意: 求n位数有多少个的平方末尾是987654321 思路: ...
- python-一个小爬虫,爬取图片
import re import urllib.request # 爬取网页 def getHtml(url): page=urllib.request.urlopen(url) html=page. ...
- 也谈SpringCloud:假如 《复仇者联盟4》是一个微服务
前言 <复仇者联盟4>(下文<妇联4>) 将于4月24号上映了,漫威迷们是不是迫不及待了.我虽然不是漫威迷,没有看过相关漫画,但是电影确实一步都不落.不过我在想一个问题:假 ...
- etherlime-3-Etherlime Library API-Deployed Contract Wrapper
Deployed Contract Wrapper部署合约的封装 Wrappers封装 One of the advancements of the etherlime is the result o ...
- 图片保持比例,padding的妙用
要保持图片的比例不变 这一张图片在不同分辨率(1980px, 1364px,移动端400px)下均保持了一定的比例不变. 方法: padding以及margin的上下(margin-top | mar ...
- 初识Qt布局管理器
Qt布局管理器的类有4种,它们分别为QHBoxLayout.QVBoxLayout.QGridLayout和QStackLayout.其中,QHBoxLayout实现水平布局,QVBoxLayout实 ...
- 使用Python编写简单网络爬虫抓取视频下载资源
我第一次接触爬虫这东西是在今年的5月份,当时写了一个博客搜索引擎.所用到的爬虫也挺智能的,起码比电影来了这个站用到的爬虫水平高多了! 回到用Python写爬虫的话题. Python一直是我主要使用的脚 ...
- Linux服务-NFS
目录 1. nfs简介 1.1 nfs特点 1.2 使用nfs的好处 1.3 nfs的体系组成 1.4 nfs的应用场景 2. nfs工作机制 2.1 RPC 2.2 NIS 2.3 nfs工作机制 ...