DataTables显示不出来数据

DataTables显示不出来数据

怎言笑 发布于 2021-11-27 字数 6390 浏览 932 回复 5

html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="Styles/demo_page.css" rel="stylesheet" type="text/css" />
    <link href="Styles/demo_table_jui.css" rel="stylesheet" type="text/css" />
    <link href="Styles/jquery-ui-1.8.4.custom.css" rel="stylesheet" type="text/css" />
    <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
    <script src="Scripts/jquery.dataTables.js" type="text/javascript"></script>
    <script type="text/javascript">   
        $(document).ready(function () {
            $("#companies").dataTable({
                "bServerSide": true,
//              "sAjaxSource": "JScript1.js",
                "sAjaxSource": "page1.aspx?GetData=true",
                "bProcessing": true,
                "sPaginationType": "full_numbers",
                "bJQueryUI": true,               
                "aoColumns": [
                      { "mDataProp": "Name" },
                      { "mDataProp": "Address" },
                      { "mDataProp": "Town" }
                ]
            });
        });
    </script>
</head>
 <body id="dt_example">
        <div id="container">
            <div id="demo_jui">
        <table id="companies" class="display">
              <thead>
                  <tr>
                       <th>Company name</th>
                       <th>Address</th>
                       <th>Town</th>
                  </tr>
              </thead>
              <tbody>
              </tbody>
        </table>
        </div>
        </div>
    </body>
</html>

后台page1.aspx

public void GetData()
        {
            CompanyEntity com = new CompanyEntity();
            com.Name = "ww";
            com.Address = "hz";
            com.Town = "wg";
            List<DataTableEntity> list = new List<DataTableEntity>();
            DataTableEntity dtEntity = new DataTableEntity();
            dtEntity.sEcho = "0";
            dtEntity.iTotalRecords = 2;
            dtEntity.iTotalDisplayRecords = 2;
            dtEntity.aaData.Add(com);
            dtEntity.aaData.Add(com);
            list.Add(dtEntity);

            string str = JsonConvert.SerializeObject(list);
            Response.Write(str);
            Response.End();
        }

后台Response.Write(str);返回的json数据为:

[{"sEcho":"0","iTotalRecords":2,"iTotalDisplayRecords":2,"aaData":[{"Name":"ww","Address":"hz","Town":"wg"},{"Name":"ww","Address":"hz","Town":"wg"}]}]

页面没有提示json格式错误,就是一直没数据

这是什么原因?

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(5

画骨成沙 2021-12-01 5 楼

请问楼主最后是怎么解决这个问题的?

反话 2021-12-01 4 楼

请问你那个$('#table').dataTable()是写在哪里的?

瀞厅☆埖开 2021-12-01 3 楼

我也出现了这个问题  是因为先加载页面的时候 我就初始化了它,但这个时候数据还在异步请求中。果然得到数据后,再调用$('#table').dataTable(); 就好了

等风来 2021-11-30 2 楼

恩 这里服务器分页 返回的是对象 去掉前后的[] 数据应该正常了,更多关于Datatables 欢迎访问 http://dt.thxopen.com

伪装你 2021-11-28 1 楼

Datatables中文网:http://dt.thxopen.com