DataTables中出现Uncaught TypeError: Cannot read property 'url' of undefined错误

Question

DataTables中出现Uncaught TypeError: Cannot read property 'url' of undefined错误

4

我在控制台中遇到了这个错误，它不允许我执行将值获取到数据表中的任务。我会在下面发布我的代码：

$(document).ready(function() {
    var product_id = '<?php echo $product->product_id; ?>';
    var table = $('table.container-fluid').dataTable({
        "processing": true,
        "serverSide": true,
        "ajax": {
            "url": "agent/order/getProduct",
            "data": { "pid": product_id }
        },
    });
    $('#selectProduct').click(function() {
        var id = $("#selectproduct").val();
        var product = ('agent/order/getProduct?product_id=' + id);
        table.ajax.url(product).load();
        table.reload();
    });

以下是控制器代码：

public function getProduct () {
    $prod_id = $this->input->post('pid');
    $this->load->model('order_m');
    $prod = $this->order_m->getProductById($prod_id);
    echo json_encode($prod);
}

在Chrome中，当我检查问题时，它指向了这个： table.ajax.url(product).load(); 请问有人可以帮我解决这个问题吗？

- DEV

table.ajax 为 null 或未定义。当你 console.log(table) 时，你看到什么？ - Rory McCrossan

我相信它是未定义的。 - DEV

这就是错误提示的内容。 - kosmos

1

不要使用alert，而是使用console.log(table)来查看对象属性。 - kosmos

这是我在 console.log(table); 上得到的内容：[prevObject: jQuery.fn.init[1], context: document, selector: "table.container-fluid", oApi: Object] - DEV

显示剩余5条评论

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Gyrocode.com · Accepted Answer

在DataTables 1.10中，命名规则已经改变，请参阅API获取更多信息。

要访问以前版本的API，请将表格初始化为$("#logTable").dataTable()，其中小写d。要访问更新的API，请使用$("#logTable").DataTable()，其中大写D。

请使用DataTable()而不是dataTable()来初始化您的表如下所示：

var table = $('table.container-fluid').DataTable({
    // ... skipped ...
});

或者，如果您需要访问旧的API并使用dataTable()进行初始化，您可以按照下面所示调用新的API方法：

var table = $('table.container-fluid').dataTable({
    // ... skipped ...
});

table.api().ajax.url(newURL).load();