要将数据从后端传递到前端？

Question

我正在使用python开发一个简单的Web应用程序，在其中填充了MongoDB数据库，并尝试将数据从其后端发送到前端并显示数据。 但是，以某种方式，我设法实现了从MongoDB获取数据部分，但是我无法将其检索到前端并显示在dom上。 在Google上搜索有关链接和教程的信息已足够。 任何指向正确方向的观点也将非常有帮助。 这是我的后端代码。

    import cherrypy
import os.path
from pymongo import MongoClient
import json
from bson import BSON
from bson import json_util

cherrypy.config.update({'server.socket_port': 3000})
cherrypy.engine.restart()

data = []


class Dbextractor(object):

    @cherrypy.expose
    def index(self):
        return open('index.html')

    @cherrypy.tools.json_out()
    def toshow(self):
        i = 0
        client = MongoClient('mongodb://localhost:27017')
        admin = client.stock_data
        cursor = admin.col.find({})
        for document in cursor:
            # print(document['SC_NAME'])
            data.append(document)
# data.update({i: {json.dumps(document, default=json_util.default)}})
# i = i+1
        return data[0]

    @cherrypy.expose
    def shutdown(self):
        cherrypy.engine.exit()


if __name__ == '__main__':
    conf = {
        '/': {
            'tools.sessions.on': True,
            'tools.staticdir.root': os.path.abspath(os.getcwd())
        },
        '/toshow': {
            'request.dispatch': cherrypy.dispatch.MethodDispatcher(),
            'tools.response_headers.on': True,
            'tools.response_headers.headers': [('Content-Type', 'json')],
        }

    }
    webapp = Dbextractor()
    cherrypy.quickstart(webapp, '/', conf)

这是我要使用的JavaScript。

     var request = new Request({
  url: '/toshow',
  method: 'GET'
});
fetch(request).then(function (value) {
    console.log(value)
});

python中返回的数据正在返回包含dict内容的列表。