Как передать результат запроса в view.py в Bootstrap-table

я использую pymysql для получения данных из моей базы данных

conn = pymysql.connect(
        host='localhost',
        user='root',
        password='xxxxxxxxxx',
        database='TCR',
        charset='utf8mb4',
        cursorclass=pymysql.cursors.DictCursor,
    )
cur = conn.cursor()
result = cur.excute('SELECT * FROM TCR')
data = cur.fetchall()

Затем я возвращаю 'data' в мой HTML-файл

в HTML файле я использую Bootstrap-tabel для отображения таблицы. я заметил, что js часть требует .json файл для получения данных. например:

$('#table').bootstrapTable({
  url: 'data1.json',
  columns: [{
    field: 'id',
    title: 'Item ID'
  }, {
    field: 'name',
    title: 'Item Name'
  }, {
    field: 'price',
    title: 'Item Price'
  }]
})

Но я не хочу использовать .json, я хочу использовать переменную 'data' в js. Как мне преобразовать данные в форму, приемлемую для bootstrap-table?

я попробовал это

<div id="data-container" data-query-results = {{ data }} ></div>


<div id="reportTableDiv" >
        <table id="reportTable"></table>
    </div>
    <script type="text/javascript">
    text  = document.getElementById('data-container').getAttribute('data-query-results');
    console.log(text)
    var datas  = JSON.parse(text);

но я получаю ошибку при использовании JSON.parase()

Uncaught SyntaxError: Ожидается имя свойства или '}' в JSON в позиции 2 (строка 1 столбец 3) at JSON.parse ()

Есть ли более легкий способ достичь моей цели?

Вернуться на верх