Jquery Step01-$.Ajax Json

 <script>
    //i是索引 n是内容
        function Ajax()
        {
              var tbody="";
              $.ajax({
              type: "GET",//用POST方式传输
              dataType:"json",//数据格式:JSON
              url:'Handler.ashx',//目标地址
              data:"orderby=1",
              beforeSend:function(){$("#divload").show();$("#Pagination").hide();},//发送数据之前
              complete:function(){$("#divload").hide();$("#Pagination").show()},//接收数据完毕
              success:function(data) { 
                    $("#productTable tr:gt(0)").remove();//?????????????????????????
                       // $("#productTable tr").remove();  //删除原有的行
                        var productData = data.Products;//创建对象
                        $.each(productData,function(i, n) {
                            var trs = "";
                            trs += "<tr > <td>" + n.ID + " </td> <td>" + n.Name + " </td>  </tr>";
                            tbody += trs;
                        });
                        $('#productTable').append(tbody);
                        alert( $('#productTable').html());
                        $("#productTable tr:gt(0):odd").attr("class", "odd");
                        $("#productTable tr:gt(0):even").attr("class", "enen");
                       
                        $("#productTable tr:gt(0)").hover(function(){
                            $(this).addClass('mouseover');
                        },function(){
                            $(this).removeClass('mouseover');
                        });
                }
               
             });

        }
       
        $(document).ready(function(){
            $("#Button1").click(function(){
                Ajax();
           
            });
        });
       
           function AddTr(id){
            
                tr_id = $("#test>tbody>tr:last").attr("id");
                tr_id++;  $("#"+id+" tr:gt(0)").remove();
                //alert(tr_id);
                str = "<tr id = '"+tr_id+"'><td width='30%'>re1</td><td width='30%'>re2</td><td width='30%'>re3</td></tr>";
                $('#'+id).append(str);
            }
   
    </script>

</head>
<body>
--------------

 

 StringBuilder sb = new StringBuilder();
        StringWriter sw = new StringWriter(sb);
        string dtName = "Products";
  
        DataSet ds = new DataSet();
        DataTable dt = new DataTable(dtName);
        ds.Tables.Add(dt);

        DataColumn dc1 = new DataColumn("ID", Type.GetType("System.String"));
        dt.Columns.Add(dc1);
        DataColumn dc2 = new DataColumn("Name", Type.GetType("System.String"));
        dt.Columns.Add(dc2);

       
        for (int i = 1; i <= 10; i++)
        {
            DataRow dr = ds.Tables[0].NewRow();
            dr["ID"] = i.ToString();
            dr["Name"] = "这里是Name" + i.ToString();
            ds.Tables[0].Rows.Add(dr);
        }
        using (JsonWriter jw = new JsonWriter(sw))
        {
            JsonSerializer ser = new JsonSerializer();
            jw.WriteStartObject();
            jw.WritePropertyName(dtName);
            jw.WriteStartArray();
            foreach (DataRow cdr in dt.Rows)
            {
                jw.WriteStartObject();

                foreach (DataColumn dc in dt.Columns)
                {
                    jw.WritePropertyName(dc.ColumnName);
                    ser.Serialize(jw, cdr[dc].ToString());
                }

                jw.WriteEndObject();
            }
            jw.WriteEndArray();
            jw.WriteEndObject();

            sw.Close();
            jw.Close();

        }

        //return sb.ToString();

        json.Response.Write(sb.ToString());

        json.Response.End();

Json就是一种序列化

<script type="text/javascript"> </script>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值