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 相关文章推荐
数组Array进行原型prototype扩展后带来的for in遍历问题
Feb 07 Javascript
jQuery+CSS 半开折叠效果原理及代码(自写)
Mar 04 Javascript
eclipse导入jquery包后报错的解决方法
Feb 17 Javascript
jquery实现的鼠标拖动排序Li或Table
May 04 Javascript
jQuery动画特效实例教程
Aug 29 Javascript
Jquery中offset()和position()的区别分析
Feb 05 Javascript
javascript中setAttribute()函数使用方法及兼容性
Jul 19 Javascript
jquery关于事件冒泡和事件委托的技巧及阻止与允许事件冒泡的三种实现方法
Nov 27 Javascript
JQuery核心函数是什么及使用方法介绍
May 03 Javascript
详解利用exif.js解决ios手机上传竖拍照片旋转90度问题
Nov 04 Javascript
关于微信小程序bug记录与解决方法
Aug 15 Javascript
jquery获取input输入框中的值
Nov 13 jQuery
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
可定制的PHP缩略图生成程式(需要GD库支持)
2007/03/06 PHP
编写Smarty插件在模板中直接加载数据的详细介绍
2013/06/26 PHP
浅析ThinkPHP的模板输出功能
2014/07/01 PHP
PHP定时执行任务的3种方法详解
2015/12/21 PHP
php文件缓存方法总结
2016/03/16 PHP
php实现微信公众平台发红包功能
2018/06/14 PHP
Laravel 5.4前后台分离,通过不同的二级域名访问方法
2019/10/13 PHP
多浏览器支持的右下角浮动窗口
2010/04/01 Javascript
js获取url中指定参数值的示例代码
2013/12/14 Javascript
JavaScript实现检查页面上的广告是否被AdBlock屏蔽了的方法
2014/11/03 Javascript
七夕情人节丘比特射箭小游戏
2015/08/20 Javascript
深入理解JS addLoadEvent函数
2016/05/20 Javascript
深入解析Vue 组件命名那些事
2017/07/18 Javascript
jQuery+CSS实现的table表格行列转置功能示例
2018/01/08 jQuery
vue通过路由实现页面刷新的方法
2018/01/25 Javascript
vue前端框架—Mint UI详解(更适用于移动端)
2019/04/30 Javascript
jquery3和layui冲突导致使用layui.layer.full弹出全屏iframe窗口时高度152px问题
2019/05/12 jQuery
nodeJS与MySQL实现分页数据以及倒序数据
2020/06/05 NodeJs
vue实现把接口单独存放在一个文件方式
2020/08/13 Javascript
[01:04:31]DOTA2-DPC中国联赛定级赛 iG vs Magma BO3第二场 1月8日
2021/03/11 DOTA
python 回调函数和回调方法的实现分析
2016/03/23 Python
Python 读写文件的操作代码
2018/09/20 Python
python中count函数简单的实例讲解
2020/02/06 Python
Django调用支付宝接口代码实例详解
2020/04/04 Python
Python连接mysql数据库及简单增删改查操作示例代码
2020/08/03 Python
Scrapy基于scrapy_redis实现分布式爬虫部署的示例
2020/09/29 Python
python批量提取图片信息并保存的实现
2021/02/05 Python
丝芙兰波兰:Sephora.pl
2018/03/25 全球购物
教师业务培训方案
2014/05/01 职场文书
农村党支部书记四风问题个人对照检查材料
2014/09/21 职场文书
2014年客房部工作总结
2014/11/22 职场文书
小学教师师德师风自我评价
2015/03/04 职场文书
使用Springboot实现健身房管理系统
2021/07/01 Java/Android
MySQL分区表管理命令汇总
2022/03/21 MySQL
MyBatis核心源码深度剖析SQL语句执行过程
2022/05/20 Java/Android