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开发包大全整理
Dec 22 Javascript
javascript实现倒计时N秒后网页自动跳转代码
Dec 11 Javascript
jQuery实现带延迟效果的滑动菜单代码
Sep 02 Javascript
jQuery实现仿微软首页感应鼠标变化滑动窗口效果
Oct 08 Javascript
Javascript技术栈中的四种依赖注入详解
Feb 23 Javascript
JS实现PC手机端和嵌入式滑动拼图验证码三种效果
Feb 15 Javascript
javascript实现下雨效果
Mar 27 Javascript
Vue单文件组件基础模板小结
Aug 10 Javascript
详解layui中的树形关于取值传值问题
Jan 16 Javascript
vue 组件的封装之基于axios的ajax请求方法
Aug 11 Javascript
LayerClose弹窗关闭刷新方法
Aug 17 Javascript
Ant Design Vue table中列超长显示...并加提示语的实例
Oct 31 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在多维数组中根据键名快速查询其父键以及父键值的代码
2011/05/07 PHP
ThinkPHP令牌验证实例
2014/06/18 PHP
Nginx下ThinkPHP5的配置方法详解
2017/08/01 PHP
PHP常用工具函数小结【移除XSS攻击、UTF8与GBK编码转换等】
2019/04/27 PHP
JavaScript 弹出窗体点击按钮返回选择数据的实现
2010/04/01 Javascript
JavaScript中使用replace结合正则实现replaceAll的效果
2010/06/04 Javascript
js判断是否为ie的方法小结
2014/01/13 Javascript
使用js画图之饼图
2015/01/12 Javascript
javascript获取select值的方法分析
2015/07/02 Javascript
jquery实现先淡出再折叠收起的动画效果
2015/08/07 Javascript
简单的jQuery banner图片轮播实例代码
2016/03/04 Javascript
jQuery插件HighCharts绘制2D饼图效果示例【附demo源码下载】
2017/03/21 jQuery
JS仿Base.js实现的继承示例
2017/04/07 Javascript
基于Vue实现拖拽效果
2018/04/27 Javascript
JS使用iView的Dropdown实现一个右键菜单
2019/05/06 Javascript
[01:38]DOTA2 2015国际邀请赛中国区预选赛 Showopen
2015/06/01 DOTA
Python探索之ModelForm代码详解
2017/10/26 Python
python实现淘宝秒杀脚本
2020/06/23 Python
Python批量生成特定尺寸图片及图画任意文字的实例
2019/01/30 Python
dpn网络的pytorch实现方式
2020/01/14 Python
Django Model层F,Q对象和聚合函数原理解析
2020/11/12 Python
python实现在列表中查找某个元素的下标示例
2020/11/16 Python
HTML5 通信API 跨域门槛将不再高、数据推送也不再是梦
2013/04/25 HTML / CSS
北美大型运动类产品商城:Champs Sports
2017/01/12 全球购物
两年的个人工作自我评价
2014/01/10 职场文书
接受捐赠答谢词
2014/01/27 职场文书
铲车司机岗位职责
2014/03/15 职场文书
《三亚落日》教学反思
2014/04/26 职场文书
房屋授权委托书范本
2014/10/07 职场文书
2014年计生工作总结
2014/11/21 职场文书
2014小学教师年度考核工作总结
2014/12/03 职场文书
2015年审计人员工作总结
2015/05/26 职场文书
2015年基层党建工作汇报材料
2015/06/25 职场文书
八年级物理教学反思
2016/02/19 职场文书
企业管理制度设计时要注意的几种“常见病”!
2019/04/19 职场文书
python+opencv实现目标跟踪过程
2022/06/21 Python