JQuery异步反序列化DataTable返回Json数据,并生成HTML

                       <script type="text/javascript">
                  $(function () {
                        $.post("ajax/getData.ashx", function (serverdata) {
                              //alert(serverdata);
                              var Djson = jQuery.parseJSON(serverdata);
                              var ArticleTitle = Djson["ArticleTitles"];
                              var html = "";
                              $(ArticleTitle).each(function () {
                                      html += "<tr>"+"<td>" + this.OrderNum + "</td>"+"<td>" + this.CustName + "</td>"+"<td>" + this.CustID + "</td>"+"<td>" + this.PartNum + "</td>"+"<td>" + this.PartDescription + "</td>"+"</tr>"
                              });
                              $("#Th").html(html);
                        });
                  });
      </script>

    
HTML:
JQuery异步反序列化DataTable返回Json数据,并生成HTML

Ajax:
   try
                  {
                        DataTable dt = Abos.BGetTb();
                        JsonSerializerSettings Setting = new JsonSerializerSettings();
                        Setting.ReferenceLoopHandling = ReferenceLoopHandling.Ignore;
                        string result = JsonConvert.SerializeObject(new { ArticleTitles = dt }, Formatting.Indented, Setting);

                        context.Response.Write(result);
                  }
                  catch (Exception ex) { throw ex; }
            }


这里最主要的是:
引用:using Newtonsoft.Json;
获取DataTable数据以后的三段序列化DataTable为JSON的代码。
如果没有  Newtonsoft.Json引用可以去网上下载。

效果:

JQuery异步反序列化DataTable返回Json数据,并生成HTML

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值