Javascript DataTables不显示简单示例中的内容_Javascript_Jquery_Json_Ajax_Datatables

Javascript DataTables不显示简单示例中的内容

javascript jquery json ajax datatables

Javascript DataTables不显示简单示例中的内容,javascript,jquery,json,ajax,datatables,Javascript,Jquery,Json,Ajax,Datatables,下面是由web服务调用返回的JSON，它是成功的 {"items":[{"version_no":"7.6.5.4"}]} 这是我的javascript/HTML。加载页面时，它会正确显示页眉和页脚，并调用web服务。但它不显示JSON中包含的版本号 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-

下面是由web服务调用返回的JSON，它是成功的

{"items":[{"version_no":"7.6.5.4"}]}

这是我的javascript/HTML。加载页面时，它会正确显示页眉和页脚，并调用web服务。但它不显示JSON中包含的版本号

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Page 1</title>

    <link rel="stylesheet" type="text/css" href="lib/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="lib/dataTables.bootstrap4.min.css">
    <style type="text/css" class="init">

    </style>
    <script type="text/javascript" language="javascript" src="lib/jquery-3.3.1.js"></script>
    <script type="text/javascript" language="javascript" src="lib/jquery.dataTables.min.js"></script>
    <script type="text/javascript" language="javascript" src="lib/dataTables.bootstrap4.min.js"></script>
    <script type="text/javascript" class="init">

$(document).ready(function() {

   $('#example').DataTable( {
      "ajax": {
         cache: true,
         url: "https://<hostname>/get_version/",
         type: "GET"
      },
      "columns": [
         { "data" : "items.version_no" }
    ]
   } );
} );
    </script>

  </head>
  <body>
<p>
<table id="example" class="table table-striped table-bordered" style="width:"75%">
    <thead>
        <tr>
            <th>Version</th>
        </tr>            
    </thead>
    <tfoot>
        <tr>
            <th>Version</th>
        </tr>
    </tfoot>
</table>

  </body>
</html>


第1页
$（文档）.ready（函数（）{
$（'#示例'）。数据表（{
“ajax”：{
是的，
url:“https:///get_version/",
键入：“获取”
},
“栏目”：[
{“数据”：“items.version_no”}
]
} );
} );

默认情况下，DataTables期望从以某种方式格式化的AJAX调用返回的数据（数组数组或对象数组，其中每个条目对应于表行，默认情况下包含在属性数据/aaData中）
但是，如果需要覆盖此行为，可以使用ajax
选项的属性指向项
属性：
ajax: {
   ...
   dataSrc: 'items'
}

之后，您只需在列定义中参考版本号
：
columns: [{data:'version_no', title:'Version'}]

默认情况下，DataTables期望从以某种方式格式化的AJAX调用返回的数据（数组数组或对象数组，其中每个条目对应于表行，默认情况下包含在属性数据/aaData中）
但是，如果需要覆盖此行为，可以使用ajax
选项的属性指向项
属性：
ajax: {
   ...
   dataSrc: 'items'
}

之后，您只需在列定义中参考版本号
：
columns: [{data:'version_no', title:'Version'}]

非常感谢，就这样！我不知道要花多长时间才能弄明白，非常感谢。非常感谢，就这样！我不知道要花多长时间才能弄明白，非常感谢。