单击后 Javascript var 到外面

Question

我希望数据表不要立即启动，btnInit 是初始化数据表，然后 btnSearch 将重新加载以进行搜索，但是 btnSearch 不工作，因为 var 表仍在 btnInit 中，是有一种方法可以在我初始化数据表后重新加载 var 表，也许在我初始化后 var 表会超出 btnInit 这样 btnSearch 就可以调用 var 表，请帮忙。

$('#btnInit').on("click", function () {
    $("#btnInit").hide();
    $("#btnSearch").show();

    var table = $('#IPSCICODatatable').DataTable({
        "processing": true,
        dom: "<'row'<'col-sm-6'l><'col-sm-6'f>>" +
            "<'row'<'col-sm-12'tr>>" +
            "<'row'<'col-sm-2'i><'col-sm-5'B><'col-sm-5'p>>",
        buttons: [
            'copyHtml5',
            'excelHtml5',
            'csvHtml5',
            'pdfHtml5',
            'print'
        ],
        "ajax": {
            "url": '/Home/GetAllCICO',
            "type": "POST",
            "datatype": "json",
            "data": function (d) {
                d.searchParameters = {};
                d.searchParameters.TransCode = $('#txtSSNTIN').val();
            }
        },
        "columns": [
            { "data": "Id", "autoWidth": true },
            { "data": "TransCode", "autoWidth": true },
            { "data": "TransDesc", "autoWidth": true }
        ]
    });
});

$('#btnSearch').on("click", function () {
    table.ajax.reload();
});

Answer 1

只要在外面定义var table即可。但是要小心，现在它在全局范围内。但应该工作

var table;

$('#btnInit').on("click", function () {
    $("#btnInit").hide();
    $("#btnSearch").show();

    table = $('#IPSCICODatatable').DataTable({
        "processing": true,
        dom: "<'row'<'col-sm-6'l><'col-sm-6'f>>" +
            "<'row'<'col-sm-12'tr>>" +
            "<'row'<'col-sm-2'i><'col-sm-5'B><'col-sm-5'p>>",
        buttons: [
            'copyHtml5',
            'excelHtml5',
            'csvHtml5',
            'pdfHtml5',
            'print'
        ],
        "ajax": {
            "url": '/Home/GetAllCICO',
            "type": "POST",
            "datatype": "json",
            "data": function (d) {
                d.searchParameters = {};
                d.searchParameters.TransCode = $('#txtSSNTIN').val();
            }
        },
        "columns": [
            { "data": "Id", "autoWidth": true },
            { "data": "TransCode", "autoWidth": true },
            { "data": "TransDesc", "autoWidth": true }
        ]
    });
});

$('#btnSearch').on("click", function () {
    table.ajax.reload();
});

现在您可以在不同的函数或任何地方使用 var 表，而无需覆盖它并做一些令人讨厌的事情，您应该阅读 Immediately-Invoked Function Expression