ajax调用显示像表格一样显示的问题，jquery语法比较陌生

Question

如题。。我做的是个商品对比右边可以悬浮的那种功能。具体可以参考地址。html代码很简单
<style type="text/css">
        ul{padding:0px; margin:0px;}
        li{padding:0px; margin:0px; list-style-type:none; border:1px solid gray; width:200px; float:left}
    </style>
<div style="margin:0 auto; width:1000px;">
<ul id="list">
    
</ul></div>jquery的调用如下。<script>
        $(function(){
            $.ajax({
                type:"post",
                url:"WebService.asmx/getsqlread",
                //contentType:"application/json;charset=utf-8",
                dataType:"xml",
                success:function(xml){
                    $("#list").html("");
                    
                     $(xml).find("Table").each(function() {
数据返回的是dataTable。不知道还能放回什么数据类型。不知道怎么就要用xml了。不管了。实现最重要。
//////////、、、、、、//////////////////上面的表名是Table,我还一直写Table1,难道asp.net默认的dataTable不是"Table1".还因这个问题搞了半天。就是显示不出数据。
我做的是个商品对比的功能。用 asp.net的ajax已经完全实现。可我还是要用jquery来实现下。因为刚接触，有点茫然。我很傻。现在进入正题主要就是下面的数据显示        ////////？？？？？【【【【【我想按照表格的形式显示出来。在下面全部用jquery来实现，可我不知道该怎么弄。也看了手册什么的。用起来还是不行。（理解力差没办法）？？？？？？？//////////要是实现了上面的表格的话
//////////、
里面每行还要加个button按钮然后点击后怎么获得它的id号呀？？？？？怎么用query的。。然后显示在右边的悬浮窗口。（//////////////、
】】】】】下面是字段已经注释
                        //$("#list").append("<li>"+$(this).find("id").text()+"</li>")
                        //$("#list").append("<li>"+$(this).find("itemname").text()+"</li>");
                        //$("#list").append("<li>"+$(this).find("make").text()+"</li>");
                        //$("#list").append("<li>"+$(this).find("carxi").text()+"</li>");
                        //$("#list").append("<li>"+$(this).find("price").text()+"</li>");
                       // $("#list").append("<li>"+$(this).find("engine").text()+"</li>");
                        //$("#list").append("<li>"+$(this).find("atmt").text()+"</li>");
                        
                         
                    });
                },
                error:function(){alert("错误");}
            })
        })
    </script>
这里问的东西好像比较多。就多放点分给你们分

Answer 1

返回JSON数据
  $.ajax({
  type: "POST",
  url: "Test.ashx",
  dataType: 'json',
  success: function(res) {
  alert(res);
  var o = eval(res);//将json字符串转换成js对象
  },
  error: function(res, text) {
  alert(text);
  }
  });
ashx
context.Response.ContentType = "text/plain";
string json = "";
context.Response.Write(json);function showData() {
  var data = eval('[{"title":"测试标题","name":"a"},{"title":"测试标题","name":"b"}];');
var o = eval(data);//将json字符串转换成js对象
for (var i in o) {//循环json对象数组
  for (var key in o[i]) {
  alert("field:" + key + ", value:" + o[i][key]);
  }
}}

Answer 2

datatable写入 xml 前 台可以采用jquery ajax方式 循环取出xml节点!
System.Data.DataTable dt = new System.Data.DataTable();
        System.Xml.XmlTextWriter writer = new System.Xml.XmlTextWriter(Response.OutputStream,Response.ContentEncoding);
        dt.WriteXml(writer);
        Response.Flush();
        Response.ContentType = "application/xml";
        Response.End();

Answer 3

5楼 写的正解
你的问题建议用json格式操作数据比较好！这样后台必须返回json的数据，你可以下载Json.Net 的dll然后在后台序列化dataset或datatable都可以。
至于前台js的化就要看平时对js的了解了 如果熟悉原理的化操作json就很容易 而且还可以结合模板绑定技术和操作asp.net的repeater的一样了，直接绑定数据