• Jquey将序列化对象在前台显示地几种方式


    <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的显示方法基本相同

  • 相关阅读:
    在 Vim 中,删除 ^@ 符号的几种方法
    西瓜书机器学习算法脉络梳理之聚类
    西瓜书机器学习算法脉络梳理之集成学习
    西瓜书机器学习算法脉络梳理之贝叶斯分类器
    springboot项目,打包时携带所有依赖
    【转载】JAVA SpringBoot 项目打成jar包供第三方引用自动配置(Spring发现)解决方案
    Tomcat组件梳理—Service组件
    Tomcat组件梳理—Digester的使用
    Tomcat组件梳理--Server
    Tomcat组件梳理--Catalina
  • 原文地址:https://www.cnblogs.com/xiaozhuaweiliang/p/jqueryJson.html
Copyright © 2020-2023  润新知