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 相关文章推荐
Cookie 注入是怎样产生的
Apr 08 Javascript
ExtJs的Date格式字符代码
Dec 30 Javascript
读jQuery之七 判断点击了鼠标哪个键的代码
Jun 21 Javascript
如何用JavaScript动态呼叫函数(两种方式)
May 03 Javascript
javascript 实现键盘上下左右功能的小例子
Sep 15 Javascript
为什么Node.js会这么火呢?Node.js流行的原因
Dec 01 Javascript
jQuery实现带滚动线条导航效果的方法
Jan 30 Javascript
纯JS前端实现分页代码
Jun 21 Javascript
用JS实现轮播图效果(二)
Jun 26 Javascript
详解vue后台系统登录态管理
Apr 02 Javascript
JavaScript多种滤镜算法实现代码实例
Dec 10 Javascript
微信小程序实现简单的select下拉框
Nov 23 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
PHP6 mysql连接方式说明
2009/02/09 PHP
mysql From_unixtime及UNIX_TIMESTAMP及DATE_FORMAT日期函数
2010/03/21 PHP
ThinkPHP实现跨模块调用操作方法概述
2014/06/20 PHP
DB.ASP 用Javascript写ASP很灵活很好用很easy
2011/07/31 Javascript
JS打开新窗口防止被浏览器阻止的方法
2015/01/03 Javascript
JavaScript实现图片轮播组件代码示例
2016/11/22 Javascript
AngularJS表单基本操作
2017/01/09 Javascript
Bootstrap模态框(Modal)实现过渡效果
2017/03/17 Javascript
JavaScript登录记住密码操作(超简单代码)
2017/03/22 Javascript
JavaScript中防止微信浏览器被整体拖动的方法
2017/08/25 Javascript
Validform验证时可以为空否则按照指定格式验证
2017/10/20 Javascript
vue2.0在table中实现全选和反选的示例代码
2017/11/04 Javascript
layer弹出层扩展主题的方法
2019/09/11 Javascript
Vue-axios-post数据后端接不到问题解决
2020/01/09 Javascript
vue和H5 draggable实现拖拽并替换效果
2020/07/29 Javascript
[01:08]DOTA2“血战之命”预告片
2017/08/12 DOTA
王纯业的Python学习笔记 下载
2007/02/10 Python
python socket多线程通讯实例分析(聊天室)
2016/04/06 Python
Python  unittest单元测试框架的使用
2018/09/08 Python
Python中修改字符串的四种方法
2018/11/02 Python
python样条插值的实现代码
2018/12/17 Python
详解Python:面向对象编程
2019/04/10 Python
python-视频分帧&amp;多帧合成视频实例
2019/12/10 Python
Pycharm debug调试时带参数过程解析
2020/02/03 Python
Django中使用Json返回数据的实现方法
2020/06/03 Python
python数据类型强制转换实例详解
2020/06/22 Python
python如何利用Mitmproxy抓包
2020/10/10 Python
一篇文章带你搞定Ubuntu中打开Pycharm总是卡顿崩溃
2020/11/02 Python
总经理驾驶员岗位职责
2013/12/04 职场文书
失业者真诚求职信范文
2013/12/25 职场文书
社区中秋节活动方案
2014/01/29 职场文书
后备干部培训方案
2014/05/22 职场文书
校园活动策划方案
2014/06/13 职场文书
开场白怎么写
2015/06/01 职场文书
2016党校学习心得体会范文
2016/01/07 职场文书
修改MySQL的默认密码的四种小方法
2021/05/26 MySQL