<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的显示方法基本相同

转载于:https://www.cnblogs.com/xiaozhuaweiliang/archive/2012/12/26/jqueryJson.html

Jquey将序列化对象在前台显示地几种方式相关推荐

  1. MVC web api 返回JSON的几种方式,Newtonsoft.Json序列化日期时间去T的几种方式

    MVC web api 返回JSON的几种方式,Newtonsoft.Json序列化日期时间去T的几种方式 2015-01-18 00:11 https://www.muhanxue.com/essa ...

  2. Java面试题:synchronized和对象的访问定位的两种方式

    说一说自己对于 synchronized 关键字的理解 ? synchronized关键字解决的是多个线程之间访问资源的同步性,synchronized关键字可以保证被它修饰的方法或者 代码块在任意时 ...

  3. Java常见面试题:对象的访问定位的两种方式

    对象的访问定位的两种方式 java对象在访问的时候,我们需要通过java虚拟机栈的reference类型的数据去操作具体的对象. 由于reference类型在java虚拟机规范中只规定了一个对象的引用 ...

  4. 在线直播源码,VUE 获奖名单滚动显示的两种方式

    在线直播源码,VUE 获奖名单滚动显示的两种方式 第一种: 使用vue-seamless-scroll组件: 1.安装vue-seamless-scroll npm install vue-seaml ...

  5. WPF中实现PropertyGrid(用于展示对象的详细信息)的三种方式

    WPF中实现PropertyGrid(用于展示对象的详细信息)的三种方式 原文:WPF中实现PropertyGrid(用于展示对象的详细信息)的三种方式 由于WPF中没有提供PropertyGrid控 ...

  6. js判断对象是否是数组的几种方式

    js判断对象是否是数组的几种方式 1.通过instanceof判断 instanceof运算符用于检验构造函数的prototype属性是否出现在对象的原型链中的任何位置,返回一个布尔值. let a ...

  7. 多行并一行显示的两种方式(DB2)

    2019独角兽企业重金招聘Python工程师标准>>> 一.简介 多行并作一行显示,在此介绍两种方式CTE递归,和XML函数.表数据如下: ID NAME  HOUSE 1 张三 普 ...

  8. Windows10分屏显示的3种方式

    把鼠标移动到窗口的放大按钮上,即可看到分屏的操作,如下: 如上图,有各种分屏的方式,可以分为两屏.三屏.四屏等等,共有6种方式. 有些软件把鼠标放在放大按钮上之后没有出现如上图的分屏操作,如下: 像这 ...

  9. Flash/Flex与外部对象或数据交互的几种方式

    1.首先当然是发布的swf和浏览器容器直接的通信,有三种方式  1)使用flashvar直接传参数给swf,这是早期swf最主要的方式,也是美工们喜欢的  2)通过url 使用BrowserManag ...

最新文章

  1. 录制短视频的录制按钮边框计时效果
  2. PHP的简单跳转提示的实现
  3. 计算机基础知识统考12月份,(精)2016年12月份电大统考计算机考前辅导基础知识考试小抄【呕心沥血整理,值得一看哦!】.doc...
  4. TPAMI 2021 | 时间走向二维,基于文本的视频时间定位新方法兼顾速度与精度
  5. lcy mysql爆破_Lcy’s Blog
  6. linux手动安装rsync_Linux中安装使用rsync | 学步园
  7. tengine快速安装
  8. Yosemite上手动增加基于POP3协议的QQ邮箱账记
  9. SQLServer数据库写操作报错String or binary data would be truncated问题解决
  10. 让AngularJS兼容IE8及其以下浏览器版本的方法
  11. 进化算法求解TSP问题
  12. B. Neko Performs Cat Furrier Transform---异或的性质运用--Codeforces Round #554 (Div. 2)
  13. wordpress最佳架构_适用于您的在线简历的23个最佳WordPress简历主题(2020)
  14. 新Word文档借用旧文档的部分样式
  15. windows 磁盘管理:简单卷、跨区卷、带区卷、镜像卷 和 RAID-5
  16. 自动同步github项目到本地gitlab
  17. 计算机技术cae是什么意思,什么是CAE?有那些用途?请赐教 爱问知识人
  18. Chrome和edge报STATUS_STACK_BUFFER_OVERRUN错误的处理办法
  19. 自然语言处理NLP(10)——语义分析
  20. EXCEL表格-下拉列表的创建与基础函数联动

热门文章

  1. 聚合复合_聚合复合微生物菌剂的功能
  2. Git本地仓库文件的创建、修改和删除
  3. antd表格显示分页怎么取消_真相!Word里怎么也删不掉的文档空白页原来是这样...
  4. java定时器_拾遗Timer定时器
  5. php字符串怎么传到html_php字符串函数(四):html与字符串之间的转换
  6. 服务器的智能监控管理结束,通过服务器监控告警进行异常排障
  7. 数据库:SQL 窗口函数知识介绍
  8. MySQL 19个规则数据库设计总结
  9. SQL中Group By的用法整理
  10. bmp 像素点 php,读取BMP图像每一像素点RGB数据 | 学步园