JavaScript调用Python中的数据通过eel

python处理好了数据,想在js文件中引用python的数据,就相当于py文件中,data_product_buhege_list = [1,1],想在js文件中直接引用
data_product_buhege_list

该回答通过自己思路及引用到GPTᴼᴾᴱᴺᴬᴵ搜索,得到内容具体如下:
要在 JavaScript 中调用 Python 处理好的数据,可以使用 Eel 库来进行 Python 与 JavaScript 的交互。下面是一个示例代码,演示了如何将 Python 中的数据传递给 JavaScript:

Python 代码(test.py):

import eel

# 将数据传递给 JavaScript
@eel.expose
def get_data():
    data_product_buhege_list = [1, 1] # 这里是你处理好的数据
    return data_product_buhege_list

# 启动 Eel 应用
eel.init('web')
eel.start('index.html')

上述代码中,我们使用 Eel 库来启动一个 Web 应用,将 Python 中的数据传递给 JavaScript。在 get_data 函数中,我们将处理好的数据 data_product_buhege_list 返回给 JavaScript。

JavaScript 代码(index.html 和 index.js):

index.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Test Eel</title>
    <script type="text/javascript" src="/eel.js"></script>
    <script type="text/javascript" src="index.js"></script>
</head>
<body>
    <button onclick="getData()">获取数据</button>
    <div id="result"></div>
</body>
</html>

index.js:

// 初始化 Eel 库
eel.init();

// 获取 Python 中的数据
function getData() {
    eel.get_data()(function(result) {
        // 将数据显示在页面上
        document.getElementById("result").innerHTML = result;
    });
}

在 JavaScript 代码中,我们使用 Eel 库的 eel.get_data() 函数来获取 Python 中的数据。该函数返回一个 Promise 对象,可以使用 then() 方法来获取 Python 返回的数据。在上面的示例代码中,我们将 Python 返回的数据显示在页面上。

在启动 Python 应用之前,需要先安装 Eel 库。可以使用以下命令来安装 Eel 库:

pip install eel

安装完成后,运行 Python 应用即可:

python test.py

然后在浏览器中访问 http://localhost:8000/ 即可看到页面,点击按钮即可获取 Python 中的数据。


如果以上回答对您有所帮助,点击一下采纳该答案~谢谢