JSON и DataTables

240
13 апреля 2018, 15:03

Есть JSON объект , задача распарсить и закинуть содержимое в таблицу.

var restore = [
{
"name": "Блок 1. Участие в деятельности органов студенческого самоуправления и социальная работа",
"subblock": [{ "name": "Блок 1.1. Студенческая организация (СО)",
"paragraph": [{ "name": "Председатель СО университета"}, { "score": "10,00"}, { "name": "Заместители председателя СО университета"}, { "score": "9, 00 "}]}]
}
];

Пытаюсь закинуть это в таблицу

$(document).ready(function() {
    $('#example').DataTable( 
    {
      data:restore,
       "columns": [
            { data:"subblock[0].paragraph[0].name" },
            { data:"subblock[0].paragraph[0].score"}
        ]
    });
}) ;

В итоге получаю в ячейках такие значение - Председатель СО университета 00Заместитель председателя СО университетa0 вместо Председатель СО университета Заместитель председателя СО университетa.
Есть мнение что шалит кодировка. В самом доке стоит <meta charset="utf-8">

Answer 1

Уберите нулевые индексы:

var restore = [{ 
  "name": "Блок 1. Участие в деятельности органов студенческого самоуправления и социальная работа", 
  "subblock": [{ 
    "name": "Блок 1.1. Студенческая организация (СО)", 
    "paragraph": [{ 
      "name": "Председатель СО университета" 
    }, { 
      "score": "10,00" 
    }, { 
      "name": "Заместители председателя СО университета" 
    }, { 
      "score": "9, 00 " 
    }] 
  }] 
}]; 
 
$('#example').DataTable({ 
  data: restore, 
  "columns": [{ 
      data: "subblock[].paragraph[].name" 
    }, 
    { 
      data: "subblock[].paragraph[].score" 
    } 
  ] 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script> 
 
<table id="example" border=1><table>

READ ALSO
скрыть пустые блоки для owl-carousel 2

скрыть пустые блоки для owl-carousel 2

Использую owl-carousel 2, на сайте примерно 15-20 owl-item , суть в том что количество контента может быть разным от 1 до 20, как мне скрыть те owl-item которые...

230
Одновременный ввод данных в поле бд

Одновременный ввод данных в поле бд

Допустим, в web-приложении есть элемент textarea, в который вводится текст, по нажатию на клавишу отправить текст передается в базу данных (MSSQL)К...

210
Переполняется стек. c#. Задание с событиями(event) Ping pong

Переполняется стек. c#. Задание с событиями(event) Ping pong

Есть два класса, у каждого свой метод для вывода информации, в обеих вызывается метод который связан на метод другого класса

520
Как заполнить таблицу с помощью ajax?

Как заполнить таблицу с помощью ajax?

Здравствуйте! Использую DataTables и ajax-запросом хочу отобразить таблицу, передав данные в json

319