DataTables AJAX動態網址

Question

我想創建一個通用函數來初始化我所有的ajax DataTables。

我需要能夠識別正在請求數據的表，以便我的服務器端腳本知道要發送回哪些數據。

我以為我可以像這樣將表ID附加到ajax URL：

$(document).ready(function() {
    $('#example').DataTable({
        "ajax": {
            "url": "www.example.com/load-" + this.id + ".php"
        }
    });
});

我以為URL可以解析為“ www.example.com/load-example.php”，但由於this.id是undefined的（ $(this).attr('id')是未定義的），所以我認為也許我可以使用單個服務器端腳本並傳遞一個額外的$ _GET參數，如下所示：

$(document).ready(function() {
    $('#example').DataTable({
        "ajax": {
            url: "www.example.com/load-table.php",
            data: function ( d ) {
                d.experiment = this.id;
            }
        }
    });
});

由於同樣的原因，這也失敗了。

這樣檢索數據時是否可以獲得表ID？

Answer 1

我找到了一個可行的解決方案，但是如果有人有更好的方法，請在此處發布您的解決方案。

該解決方案綁定到任何具有“數據表”類的表。

$(document).ready(function() {
    $('.data-table').each(function(index) {
        var table = this.id;
        $(this).DataTable({
            "ajax": {
                "url": "www.example.com/load-" + table + ".php"
            }
        });
    });
});