jQuey将序列化对象在前台显示地实现代码(方法总结)


Posted in Javascript onDecember 13, 2016

<1>序列化对象为单个对象的时候

//Student person = new Student() { Name = "张三",Code="001" };
   //JavaScriptSerializer json = new JavaScriptSerializer();
   //string str = json.Serialize(person);
   context.Response.Write(str);

前台Jquery代码:

$(document).ready(
   function () {
    $.post("Test.ashx", function (data, status) {
     if (status == "success") {
      var person = $.parseJSON(data);
      alert(person.Name);
    });
   }
  );

  此时可以将Name属性在前台进行显示

2)序列化对象为DataTable的时候:

    序列化DataTable方法:

public string SerializeDataTable(DataTable dt) 
  {
   StringBuilder sb = new StringBuilder();
   sb.Append("[");
   for (int i = 0; i < dt.Rows.Count; i++)
   {
    sb.Append("{");
    for (int j = 0; j < dt.Columns.Count; j++)
    {
     sb.Append("\"" + dt.Columns[j].ColumnName + "\":\"" + dt.Rows[i][j].ToString() + "\"");
     if (j < dt.Columns.Count - 1)
     {
      sb.Append(",");
     }
    }
    sb.Append("}");
    if (i < dt.Rows.Count - 1)
    {
     sb.Append(",");
    }
   }
   sb.Append("]");
   return sb.ToString();
  }

前台进行显示

$(document).ready(
   function () {
    $.post("Test.ashx", function (data, status) {
     if (status == "success") {
      var person = $.parseJSON(data);
      $.each(person, function (k, v) {
       alert(v.Name);
       alert(v.Code);
      });
     }
    });
   }
  );

List显示方式和DataTable的显示方法基本相同

以上所述是小编给大家介绍的jQuey将序列化对象在前台显示地实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
JS日历 推荐
Dec 03 Javascript
发两个小东西,ASP/PHP 学习工具。 用JavaScript写的
Apr 12 Javascript
动态载入js提高网页打开速度的方法
Jul 04 Javascript
jquery库文件略庞大用纯js替换jquery的方法
Aug 12 Javascript
jQuery实现按钮只点击一次后就取消点击事件绑定的方法
Jun 26 Javascript
BOM系列第三篇之定时器应用(时钟、倒计时、秒表和闹钟)
Aug 17 Javascript
原生js实现无限循环轮播图效果
Jan 20 Javascript
完美解决spring websocket自动断开连接再创建引发的问题
Mar 02 Javascript
JS实现的ajax和同源策略(实例讲解)
Dec 01 Javascript
详解js加减乘除精确计算
Mar 19 Javascript
React Hooks 实现和由来以及解决的问题详解
Jan 17 Javascript
AJAX XMLHttpRequest对象创建使用详解
Aug 20 Javascript
Es6 写的文件import 起来解决方案详解
Dec 13 #Javascript
JS实现图片垂直居中显示小结
Dec 13 #Javascript
Javascript this 函数深入详解
Dec 13 #Javascript
JS实现动画兼容性的transition和transform实例分析
Dec 13 #Javascript
简单实现js浮动框
Dec 13 #Javascript
javascript中this关键字详解
Dec 12 #Javascript
深入理解javascript函数参数与闭包
Dec 12 #Javascript
You might like
php录入页面中动态从数据库中提取数据的实现
2006/10/09 PHP
codeigniter数据库操作函数汇总
2014/06/12 PHP
php实现处理输入转义字符的代码
2015/11/08 PHP
php计算多个集合的笛卡尔积实例详解
2017/02/16 PHP
硬盘浏览程序,保存成网页格式便可使用
2006/12/03 Javascript
禁止ajax缓存获取程序最新数据的方法
2013/11/19 Javascript
在Linux上用forever实现Node.js项目自启动
2014/07/09 Javascript
基于javascript简单实现对身份证校验
2021/01/25 Javascript
Javascript实现图片轮播效果(二)图片序列节点的控制实现
2016/02/17 Javascript
jQuery判断元素是否显示 是否隐藏的简单实现代码
2016/05/19 Javascript
详解Node.js中exports和module.exports的区别
2017/04/19 Javascript
Vue 表单控件绑定的实现示例
2017/08/11 Javascript
Vue动态组件实例解析
2017/08/20 Javascript
Vue中的methods、watch、computed的区别
2018/11/26 Javascript
ES6入门教程之Array.from()方法
2019/03/23 Javascript
vue组件间通信六种方式(总结篇)
2019/05/15 Javascript
对TypeScript库进行单元测试的方法
2019/07/18 Javascript
layui多iframe页面控制定时器运行的方法
2019/09/05 Javascript
NodeJS配置CORS实现过程详解
2020/12/02 NodeJs
讲解Python的Scrapy爬虫框架使用代理进行采集的方法
2016/02/18 Python
Python实现的用户登录系统功能示例
2018/02/05 Python
python使用筛选法计算小于给定数字的所有素数
2018/03/19 Python
python爬虫开发之Request模块从安装到详细使用方法与实例全解
2020/03/09 Python
通过HTML5 Canvas API绘制弧线和圆形的教程
2016/03/14 HTML / CSS
Calzedonia美国官网:意大利风格袜子、打底裤和沙滩装
2018/07/19 全球购物
GANT葡萄牙官方商店:拥有美国运动服传统的生活方式品牌
2018/10/18 全球购物
Foreo国际站:Foreo International
2018/10/29 全球购物
印度领先的眼镜电子商务网站:Lenskart
2019/12/16 全球购物
销售人员个人求职信
2013/09/26 职场文书
新三好学生主要事迹
2014/01/23 职场文书
公务员转正考察材料
2014/02/07 职场文书
社区敬老月活动实施方案
2014/02/17 职场文书
优秀党务工作者事迹材料
2014/05/07 职场文书
检察院起诉书
2015/05/20 职场文书
2016年119消防宣传日活动总结
2016/04/05 职场文书
MySQL慢查询中的commit慢和binlog中慢事务的区别
2022/06/16 MySQL