Как перерисовать данные с помощью функции Ajax - PullRequest
Новая
       7

Как перерисовать данные с помощью функции Ajax

0 голосов
/ 11 февраля 2019

Я запрашиваю данные с сервера nodejs, и когда я проверяю консоль Google Chrome, она работает.Но я не знаю, как перерисовать таблицу с новыми данными.

Я думаю, что код на стороне сервера в порядке, потому что я проверил, что файл JSON возвращается с сервера.Моя таблица уже содержит данные с использованием рендеринга шаблонов мопса.

[Код стороны клиента] 

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'
                    )
                }
            });
        }
    })
}

[Код PUG шаблона] 

                table#dataTable.table.table-bordered(width='100%', cellspacing='0')
                  thead
                    tr
                      th ID
                      th Name
                      th Type
                      th URL
                      //- th explanation
                      th Image
                      th Keyword
                      th Project Start
                      th Porject End
                      th Github URL
                  tbody
                    each data in dataArray
                      tr
                        td
                          a(href=`/${userId}/${data.id}`)=`${data.id}`
                        td= `${data.name}`
                        td= `${data.type}`
                        td
                          a(href=`${data.url}`)=`${data.url}`
                        //- td= `${data.explanation}`
                        td
                          img(src=`${data.imgurl}`)
                        td= `${data.sumlang}`
                        td= `${data.pjdate1}`
                        td= `${data.pjdate2}`
                        td
                          a(href=`${data.githuburl}`)=`${data.githuburl}`
...