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 相关文章推荐
jQuery对表单的操作代码集合
Apr 06 Javascript
可简单避免的三个JS发布错误的详细介绍
Aug 02 Javascript
IE下JS读取xml文件示例代码
Aug 05 Javascript
JavaScript获取鼠标移动时的坐标(兼容IE8、chome谷歌、Firefox)
Sep 13 Javascript
JavaScript数组常用操作技巧汇总
Nov 17 Javascript
js使用心得分享
Jan 13 Javascript
详解 javascript中offsetleft属性的用法
Nov 11 Javascript
详谈$.data()的用法和作用
Feb 13 Javascript
JavaScript判断浏览器和hack滚动条的写法
Jul 23 Javascript
VsCode新建VueJs项目的详细步骤
Sep 23 Javascript
实现jquery放大镜的两种方法
Feb 22 jQuery
如何优雅地在vue中添加权限控制示例详解
Mar 07 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错误Allowed memory size of 67108864 bytes exhausted的3种解决办法
2014/07/28 PHP
destoon实现VIP排名一直在前面排序的方法
2014/08/21 PHP
功能强大的php分页函数
2016/07/20 PHP
PHP convert_cyr_string()函数讲解
2019/02/13 PHP
javascript打开word文档的方法
2014/04/16 Javascript
wangEditor编辑器失去焦点后仍然可以在原位置插入图片分析
2015/05/06 Javascript
JavaScript实现横向滑出的多级菜单效果
2015/10/09 Javascript
JavaScript学习笔记之数组的增、删、改、查
2016/03/23 Javascript
Bootstrap+jfinal退出系统弹出确认框的实现方法
2016/05/30 Javascript
JS实现自动阅读单词(有道单词本添加功能)
2016/11/14 Javascript
javascript入门之string对象【新手必看】
2016/11/22 Javascript
Bootstrap 模态框(Modal)插件代码解析
2016/12/21 Javascript
如何使用angularJs
2017/05/08 Javascript
浅谈Vue Element中Select下拉框选取值的问题
2018/03/01 Javascript
vue 指令之气泡提示效果的实现代码
2018/10/18 Javascript
Vue实现回到顶部和底部动画效果
2019/07/31 Javascript
layer.confirm点击第一个按钮关闭弹出框的方法
2019/09/09 Javascript
vue项目实现减少app.js和vender.js的体积操作
2020/11/12 Javascript
Python中使用MELIAE分析程序内存占用实例
2015/02/18 Python
在Docker上部署Python的Flask框架的教程
2015/04/08 Python
python安装与使用redis的方法
2016/04/19 Python
python Opencv将图片转为字符画
2021/02/19 Python
PyQt5+python3+pycharm开发环境配置教程
2020/03/24 Python
Python模拟登入的N种方式(建议收藏)
2020/05/31 Python
如何使用python-opencv批量生成带噪点噪线的数字验证码
2020/12/21 Python
运动会开幕式邀请函
2014/01/22 职场文书
优秀大学生职业生涯规划书
2014/02/27 职场文书
优秀毕业生自荐信
2014/06/10 职场文书
摄影专业毕业生求职信
2014/08/05 职场文书
党员学习群众路线教育实践活动对照检查材料
2014/09/23 职场文书
写给老婆的保证书
2015/02/27 职场文书
2016年政治理论学习心得体会
2016/01/25 职场文书
利用python做表格数据处理
2021/04/13 Python
四十九个javascript小知识实用技巧
2021/11/20 Javascript
vue3不同环境下实现配置代理
2022/05/25 Vue.js
CSS实现鼠标悬浮动画特效
2023/05/07 HTML / CSS