Django模板中无法打印数据表及其值

Django模板中无法打印数据表及其值,django,datatables,Django,Datatables,我正在尝试用Django模板打印数据表。我正在使用Django 1.7和metro样式的CSS。如果我尝试从视图返回JSON输出,它只打印JSON输出,而不使用任何HTML格式。如果我从视图返回非JSON输出,它会打印带有标题但没有值的HTML和Datatable,IE中的f12调试器工具会给出JSON错误。我的目标是打印一个基本的Datatable而不进行任何定制,我使用服务器端ajax处理从数据库(模型)中提取数据,我还尝试在Javascript中使用sAjaxsource。这是我的模板:

我正在尝试用Django模板打印数据表。我正在使用Django 1.7和metro样式的CSS。如果我尝试从视图返回JSON输出,它只打印JSON输出,而不使用任何HTML格式。如果我从视图返回非JSON输出,它会打印带有标题但没有值的HTML和Datatable,IE中的f12调试器工具会给出JSON错误。我的目标是打印一个基本的Datatable而不进行任何定制,我使用服务器端ajax处理从数据库(模型)中提取数据,我还尝试在Javascript中使用sAjaxsource。这是我的模板:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<link href="/static/fnsbuild/metro/docs/css/metro-bootstrap.css" rel="stylesheet" />
<link href="/static/fnsbuild/metro/docs/css/metro-bootstrap-responsive.css" rel="stylesheet" />
<link href="/static/fnsbuild/metro/docs/css/iconFont.css" rel="stylesheet" />
<link href="/static/fnsbuild/metro/docs/css/docs.css" rel="stylesheet" />
<link href="CSS/Override.css" rel="stylesheet" />

<script type="text/javascript" src="/static/fnsbuild/metro/docs/js/jquery/jquery.min.js"></script>
<script type="text/javascript" src="/static/fnsbuild/metro/docs/js/jquery/jquery.dataTables.js"></script>
<script type="text/javascript" src="/static/fnsbuild/metro/docs/js/jquery/jquery.widget.min.js"></script>   
<script type="text/javascript" src="/static/fnsbuild/metro/docs/js/jquery/jquery.dataTables.min.js"></script> 

<script src="/static/fnsbuild/metro/docs/js/metro.min.js"></script>
<script src="/static/fnsbuild/metro/docs/js/load-metro.js"></script>
<script src="/static/fnsbuild/metro/docs/js/docs.js"></script> 


<title>Metro UI CSS : Simple responsive css framework</title>
</head>

<body class="metro">
<div class="container">          
    <table class="table striped hovered dataTable" id="example">
        <thead>
            <tr>
                <th class="text-left">Engineer</th>
                <th class="text-left">Site_Code</th>
                <th class="text-left">NSSA</th>
                <th class="text-left">Region</th>
                <th class="text-left">GFSD</th>

            </tr>
        </thead>

        <tbody>

        </tbody>


    </table>

    <script type="text/javascript" language="javascript" class="init">
    $(document).ready(function()  {
        var oTable=$('#example').DataTable( {
            "aaSorting": [[ 2, "asc" ]],
            "bprocessing": true        
            "bServerSide": true,
            "ajax": "{% url 'api' %}",
        }
        );
    });


    </script>
</div>
URL.py url(r“^fnsbuild/table_test/$”,fnsbuild.views.MyAjaxView.as_view(),name=“api”)

它不打印Datatable和值,只打印JSON输出

{"recordsTotal": 79, "recordsFiltered": 79, "draw": 0, "data": [[56, "by2", "0.0.3.187", "West NA", 1111], [57, "sn3", "0.0.1.24", "Central NA", 1111], [58, "cpq01", "0.0.12.39", "South America", 1111], [59, "hk2", "0.0.4.178", "Asia", 1111], [60, "co1", "0.0.3.32", "West NA", 1111], [61, "bl4", "0.0.1.169", "East NA", 1111], [62, "co2", "0.0.3.37", "West NA", 1111], [63, "kaw", "0.0.4.76", "Asia", 1111], [64, "ch1", "0.0.0.201", "Central NA", 1111], [65, "bn3", "0.0.0.203", "East NA", 1111]], "result": "ok"}

我在各种论坛上尝试了几乎所有的建议,几乎放弃了。我是Django的新手,所以我可能错过了一些愚蠢的事情。请建议

来自django数据表视图的:

django datatables视图简化了排序、筛选和创建JSON输出的处理

因此,您的视图会生成JSON,如果在AJAX请求中使用JSON,则会产生JSON


如果您需要一些不同的东西,您应该使
MyAjaxView
不从
BaseDatatableView
继承,或者构造另一个视图,对ajax请求执行一些合理的操作。

代码格式需要一些改进。
{"recordsTotal": 79, "recordsFiltered": 79, "draw": 0, "data": [[56, "by2", "0.0.3.187", "West NA", 1111], [57, "sn3", "0.0.1.24", "Central NA", 1111], [58, "cpq01", "0.0.12.39", "South America", 1111], [59, "hk2", "0.0.4.178", "Asia", 1111], [60, "co1", "0.0.3.32", "West NA", 1111], [61, "bl4", "0.0.1.169", "East NA", 1111], [62, "co2", "0.0.3.37", "West NA", 1111], [63, "kaw", "0.0.4.76", "Asia", 1111], [64, "ch1", "0.0.0.201", "Central NA", 1111], [65, "bn3", "0.0.0.203", "East NA", 1111]], "result": "ok"}