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的.animate()函数在IE6下的问题
Dec 03 Javascript
javascript获取浏览器类型和版本的方法(js获取浏览器版本)
Mar 13 Javascript
异步安全加载javascript文件的方法
Jul 21 Javascript
javascript跨域的方法汇总
Oct 23 Javascript
JS拖拽组件学习使用
Jan 19 Javascript
Javascript中Date类型和Math类型详解
Feb 27 Javascript
vue.js中$watch的用法示例
Oct 04 Javascript
浅谈DOM的操作以及性能优化问题-重绘重排
Jan 08 Javascript
解决vue 更改计算属性后select选中值不更改的问题
Mar 02 Javascript
jQuery实现高级检索功能
May 28 jQuery
JS eval代码快速解密实例解析
Apr 23 Javascript
浅谈vue-props的default写不写有什么区别
Aug 09 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文本数据库的搜索方法
2006/10/09 PHP
PHP的开合式多级菜单程序
2006/10/09 PHP
PHP缓存技术的多种方法小结
2012/08/14 PHP
php+mysqli使用面向对象方式更新数据库实例
2015/01/29 PHP
基于swoole实现多人聊天室
2018/06/14 PHP
jQuery学习笔记[1] jQuery中的DOM操作
2010/12/03 Javascript
Javascript实现关联数据(Linked Data)查询及注意细节
2013/02/22 Javascript
JS获取地址栏参数的几种方法小结
2014/02/28 Javascript
jQuery内部原理和实现方式浅析
2015/02/03 Javascript
浅谈jQuery中事情的动态绑定
2017/02/12 Javascript
angularjs实现下拉列表的选中事件示例
2017/03/03 Javascript
AngularJS service之select下拉菜单效果
2017/07/28 Javascript
nodejs发送http请求时遇到404长时间未响应的解决方法
2017/12/10 NodeJs
父组件中vuex方法更新state子组件不能及时更新并渲染的完美解决方法
2018/04/25 Javascript
讲解vue-router之什么是动态路由
2018/05/28 Javascript
Rollup处理并打包JS文件项目实例代码
2018/05/31 Javascript
vue.js轮播图组件使用方法详解
2018/07/03 Javascript
vue-cli随机生成port源码的方法
2019/09/02 Javascript
详解Python中的各种函数的使用
2015/05/24 Python
ubuntu安装mysql pycharm sublime
2018/02/20 Python
Python基于分析Ajax请求实现抓取今日头条街拍图集功能示例
2018/07/19 Python
python使用numpy读取、保存txt数据的实例
2018/10/14 Python
python3中property使用方法详解
2019/04/23 Python
基于Python打造账号共享浏览器功能
2019/05/30 Python
python-pyinstaller、打包后获取路径的实例
2019/06/10 Python
python打印异常信息的两种实现方式
2019/12/24 Python
win10安装tesserocr配置 Python使用tesserocr识别字母数字验证码
2020/01/16 Python
基于Python实现全自动下载抖音视频
2020/11/06 Python
利用Python实现自动扫雷小脚本
2020/12/17 Python
Spartoo西班牙官网:法国时尚购物网站
2018/03/27 全球购物
HEMA法国:荷兰原创设计
2019/02/21 全球购物
日语专业个人求职信范文
2014/02/02 职场文书
就业协议书盖章的注意事项
2014/09/28 职场文书
2015年元宵节活动总结
2015/02/06 职场文书
导游词之永泰公主墓
2019/12/04 职场文书
CSS 圆形进度栏
2021/04/06 HTML / CSS