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

  • 相关阅读:
    有关数据库锁表
    order by 排序的数字异常
    索引建议
    有关文件在浏览器中打开window.open
    vscode 常用快捷键
    jQuery中preventDefault()、stopPropagation()、return false 之间的区别
    理解Linux系统负荷(WDCP系统后台参数之一)
    JavaScript toString() 方法
    1-4:CSS3课程入门之文本新增属性
    1-3:CSS3课程入门之伪类和伪元素
  • 原文地址:https://www.cnblogs.com/xiaozhuaweiliang/p/jqueryJson.html
Copyright © 2020-2023  润新知