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 相关文章推荐
javaScript如何生成xmlhttp
Dec 16 Javascript
jquery 根据name名获取元素的value值
Feb 27 Javascript
Flow之一个新的Javascript静态类型检查器
Dec 21 Javascript
jsonp跨域请求实现示例
Mar 13 Javascript
JavaScript使用Ajax上传文件的示例代码
Aug 10 Javascript
js微信应用场景之微信音乐相册案例分享
Aug 11 Javascript
详解angular笔记路由之angular-router
Sep 12 Javascript
Angular js 实现添加用户、修改密码、敏感字、下拉菜单的综合操作方法
Oct 24 Javascript
vue.js element-ui validate中代码不执行问题解决方法
Dec 18 Javascript
详解JavaScript 中 if / if...else...替换方式
Jul 15 Javascript
Vue多环境代理配置方法思路详解
Jun 21 Javascript
Vue实现圆环进度条的示例
Feb 06 Vue.js
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实现多条件查询实例代码
2010/07/17 PHP
php for 循环使用的简单实例
2016/06/02 PHP
CentOS系统中PHP安装扩展的方式汇总
2017/04/09 PHP
PHP编程计算日期间隔天数的方法
2017/04/26 PHP
phpStudy配置多站点多域名和多端口的方法
2017/09/01 PHP
PHP iconv()函数字符编码转换的问题讲解
2019/03/22 PHP
JQuery Dialog(JS 模态窗口,可拖拽的DIV)
2010/02/07 Javascript
js禁止回车提交表单的示例代码
2013/12/23 Javascript
js实现的标题栏新消息闪烁提示效果
2014/06/06 Javascript
深入理解JS继承和原型链的问题
2016/12/17 Javascript
浅谈js中startsWith 函数不能在任何浏览器兼容的问题
2017/03/01 Javascript
jQuery插件HighCharts绘制2D金字塔图效果示例【附demo源码下载】
2017/03/09 Javascript
详解微信小程序中的页面代码中的模板的封装
2017/10/12 Javascript
JS实现元素上下左右移动效果
2017/10/18 Javascript
js操作二进制数据方法
2018/03/03 Javascript
给localStorage设置一个过期时间的方法分享
2018/11/06 Javascript
javascript获取select值的方法完整实例
2019/06/20 Javascript
iview的table组件自带的过滤器实现
2019/07/12 Javascript
javascript的惯性运动实现代码实例
2019/09/07 Javascript
JavaScript事件循环及宏任务微任务原理解析
2020/09/02 Javascript
ant design 日期格式化的实现
2020/10/27 Javascript
[00:39]DOTA2上海特级锦标赛 Liquid战队宣传片
2016/03/04 DOTA
python连接oracle数据库实例
2014/10/17 Python
Python实现的飞速中文网小说下载脚本
2015/04/23 Python
python3.5使用tkinter制作记事本
2016/06/20 Python
Python 绘图和可视化详细介绍
2017/02/11 Python
python 3.3 下载固定链接文件并保存的方法
2018/12/18 Python
python Jupyter运行时间实例过程解析
2019/12/13 Python
Python ArgumentParse的subparser用法说明
2020/04/20 Python
.net开发工程师面试题
2014/02/25 面试题
团员的自我评价
2013/12/01 职场文书
社区党总支书记先进事迹材料
2014/01/24 职场文书
安全承诺书格式
2014/05/21 职场文书
2015年环卫工作总结
2015/04/28 职场文书
Github 使用python对copilot做些简单使用测试
2022/04/14 Python
Golang 结构体数据集合
2022/04/22 Golang