如何使用Ajax函数重绘数据表

时间:2019-02-11 07:15:21

标签: node.js ajax express datatable pug

我从nodejs服务器请求数据,当我检查google chrome控制台时,它可以工作。但是我不知道如何用新数据重绘表格。

我认为服务器端代码还可以,因为我检查了服务器是否返回了JSON文件。 使用pug模板渲染之前,我的表已经有数据。

[客户端代码]

const faqdata = this.props.faqData.map((faq, index) => {
    console.log(index);
    <li key={index}>
            {faq.description}
    </li>
});

[模板PUG代码]

function getData() {
    Swal.fire({
        title: 'Are you sure?',
        text: "You won't be able to revert this!",
        type: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#3085d6',
        cancelButtonColor: '#d33',
        confirmButtonText: 'Yes, Get DATA!'
    }).then((result) => {
        if (result.value) {
            $.ajax({
                type: "POST",
                // contentType: "application/json",
                url: `/${userId}/admin/getData`,
                // data: JSON.stringify(data),
                // dataType: 'json',
                beforeSend: function () {
                    Swal.showLoading()
                },
                success: function (redrawData) {
                    console.log(JSON.stringify(redrawData));
                    $('#dataTable').DataTable( {
                        ajax: JSON.stringify(redrawData),
                        "dataSrc": "dataArray"
                    });
                    // $('#dataTable').DataTable().ajax.reload();
                    Swal.fire(
                        'Get!',
                        'Your file has been deleted.',
                        'success'
                    )
                },
                error: function (e) {
                    Swal.fire(
                        'Failed to save',
                        'If this message is output continuously, please contact to administrator.',
                        'error'
                    )
                }
            });
        }
    })
}

0 个答案:

没有答案