Javascript - добавить данные в таблицу из API

Я получаю данные от API с Javascript. Я хочу передать данные в таблицу, но не могу.

Я беру данные, но не знаю, как поместить их в таблицу.

Мой код

function tablo_getir() {
var dt = $('#base-style').DataTable();  
dt.clear().row();
    var apirun=getApi("/api/campaigns/");
     $.each(apirun, function(k, v) {
        dt.row.add(['<button class = "btn btn-inverse" id = "'+v.id+'" href = "#" data-toggle = "modal" data-target = "#subeDetay" title = "Detay"><i class = "icofont icofont-eye-alt"></i></button>',
        v.id,
        v.name,               
        '<button class = "btn btn-success" id = "'+v.id+'" href = "#" data-toggle = "modal" data-target = "#subeDuzenle" title = "Düzenle"><i class = "ti-pencil-alt"></i></button><button class = "btn btn-danger" id = "'+v.id+'" title = "Sil"href = "#" data-toggle = "modal" data-target = "#delete"><i class = "ti-trash"></i></button>']).draw(false);
        }); }

Моя функция getApi:

function getApi (url,request) {
$('#alertSuccess').fadeOut('slow');
var response = "";
$.ajax({
        url: apiUrl+url+tokenim,
        type: 'get',
        async: false,
        headers: {
                'Content-Type': 'application/json',
        },
        dataType: 'json',            
        success: function (data) {
                console.info(data);
                if (data.statusCode!=200) {
                        alert(data.message);
                        return false;
                } else {
                        response=data;
                }
        },
        error: function(data){
            $('#alertDanger').fadeIn('slow');
            $('#alertDanger .alert').text("Api çalışmasında hata oluştu");
            $('#alertDanger').fadeOut(5000);
        }
});
return response; }

Входящие данные: https://hizliresim.com/V90NlZ

Я получаю неопределенную ошибку при загрузке веб-страницы. При этом мои данные в таблицу не поступают.

что возвращает ваша функция getApi()?

Adam Baranyai 19.01.2019 12:17

Я не могу понять это из приведенной вами ссылки. Не могли бы вы поделиться кодом функций getApi() в своем вопросе?

Adam Baranyai 19.01.2019 12:21

Отредактировано. Проверьте это, пожалуйста. @АдамБараньяи

Mustafa Sarıdal 19.01.2019 13:10
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
3
47
1

Ответы 1

Скорее всего, проблема в том, что вы забыли вызвать метод DataTables draw после того, как добавили строку в таблицу. Вы можете попробовать изменить свой код, например:

dt.row.add(['<button class = "btn btn-inverse" id = "'+v.id+'" href = "#" data-toggle = "modal" data-target = "#subeDetay" title = "Detay"><i class = "icofont icofont-eye-alt"></i></button>',
    v.id,
    v.name,               
    '<button class = "btn btn-success" id = "'+v.id+'" href = "#" data-toggle = "modal" data-target = "#subeDuzenle" title = "Düzenle"><i class = "ti-pencil-alt"></i></button><button class = "btn btn-danger" id = "'+v.id+'" title = "Sil"href = "#" data-toggle = "modal" data-target = "#delete"><i class = "ti-trash"></i></button>']).draw(false);
    }).draw();

Вот ссылка на сайт о том, как добавлять новые строки в таблицы DataTable.

Также читайте о функции drawздесь. У него один входной параметр, и в зависимости от него таблица будет перерисовываться по-разному. Основываясь на вашем вопросе, я не могу решить, какой параметр следует использовать для таблицы draw.

ваша консоль возвращает какие-либо сообщения об ошибках? если да, то что это за сообщения об ошибках?

Adam Baranyai 19.01.2019 13:14

Сообщение об ошибке: неопределенное предупреждение

Mustafa Sarıdal 19.01.2019 13:38

связана ли строка, в которой возникает эта ошибка, с какой-либо конкретной строкой из вашего кода, которым вы уже поделились с нами? если да, то какой?

Adam Baranyai 19.01.2019 14:31

Другие вопросы по теме