Как эмулировать Ajax-запрос в JSFiddle - PullRequest
Новая
       12

Как эмулировать Ajax-запрос в JSFiddle

0 голосов
/ 26 апреля 2019

У меня есть JSFiddle: https://jsfiddle.net/9z362cLj/6/. Я пытаюсь эмулировать Ajax-запрос следующим образом: 

var json_data = {"recordsTotal":23286,"recordsFiltered":23286,
"data":[{"id":104,"activity_type":"Option 1",}],
"draw":1,
"options":{"activity_type":[{"label":"Option 1","value":1},
                            {"label":"Option 2","value":2},]}}

console.log(json_data.data)

var oTable = $('#example').DataTable({
    serverSide: true,
    ajax: {url: "/echo/json/",
                type: "POST",
          data: json_data
        },
});

yadcf.init(oTable,
      [
        {
          column_number : 0,
          filter_type: "range_date",
        },
        {
          column_number : 1,
          filter_type: "select",
          select_type: "select2",
        },
       ]);

json_data находится в формате фактического ответа, который получает запрос Ajax в моем реальном проекте. Однако в DataTable ничего не отображается. Как получить данные для отображения в DataTable?

1 Ответ

0 голосов
/ 27 апреля 2019

Привет, ты можешь попробовать вот так jsfiddle Я создаю

или добавьте свой ответ json в виде строки:

данные: {

json:'{"status":"success","message":"Hello World"}'

},

Изменить:

Я исправляю пару вещей в вашей скрипке, например "," в вашем json и определение столбцов в вашем ajax: 

    var json_data = {
"data":[{"id":104,"activity_type":"Option 1"}, {"id":102,"activity_type":"option 2"}],
"recordsTotal":23286,"recordsFiltered":23286,
"draw":1,
"options":{"activity_type":[{"label":"Option 1","value":1},
                            {"label":"Option 2","value":2}]}};       
console.log(json_data)
var oTable = $('#example').DataTable({
    serverSide: true,
    ajax: {url: "/echo/json/",
                type: "POST",
          data:{ json : JSON.stringify(json_data) }
          },
           "columns": [
            { "data": "id" },
            { "data": "activity_type" }
        ]
});

yadcf.init(oTable,
      [
        {
          column_number : 0,
          filter_type: "range_date",
        },
        {
          column_number : 1,
          filter_type: "select",
          select_type: "select2",
        },
       ]);

Надеюсь, это поможет =)

...