将文本文件加载到 JQuery 个数据表中

Question

我正在尝试将文本文件加载到 JQuery DataTables 中。这是我的 HTML 我已经为按钮按下设置了

<div style="text-align:center;padding:20px 0px 0px 0px;">
    <span class="badge badge-info" style="font-size: 1.5rem; font-weight: 700;padding-bottom: 10px;margin-bottom: 20px;" id="txtFile">Get Registered Names</span>
</div>

这是我为实际 JQuery 数据设置的 html table

<div>
    <table id="tblData" class="display" cellspacing="0" width="100%">
      <thead>
        <tr>
          <th>Name</th>
        </tr>
      </thead>
    </table>
</div>

这是 JQuery 我想用来从文本文件 table 加载

$(function (){
    $('#txtFile').click(function() {
        $('#tblNames').dataTable({
            "ajax": 'registeredusers.txt',
            "columnDefs": 
            [{  
              "data": "Name"
            }]
        });
    });
});

此文件位于 /var/www/html/ 中，我想在按钮按下事件中将其显示给用户。我该怎么做？

Answer 1

您可以尝试使用

从 php 文件获取内容

$data = file_get_contents('yourfile.txt');

然后获取此数据并替换为您的行

Answer 2

你的registeredusers.txt应该有这样的数据，

{
    "data": [
        [
            "jason",
        ],
        [
            "mark",
        ],
        [
            "Richard",
        ],
     ]
}

而且你不能多次初始化数据表。所以在创建数据表之前添加$("#tblData").dataTable().fnDestroy();。

$(function (){
    $('#txtFile').click(function() {
        $("#tblData").dataTable().fnDestroy();
        $('#tblData').dataTable({
            "ajax": 'registeredusers.txt',
            "columnDefs": 
            [{  
              "data": "Name"
            }]
        });
    });
});

将文本文件加载到 JQuery 个数据表中

Load Text File Into JQuery DataTables

javascript

jquery

datatables