使用 JavaScript 顯示 python 結果為 html | python 鰻魚

Question

我想將結果發送到 JavaScript 以使用 eel 在 html 中顯示結果。

我正在添加從 JavaScript 到 html 讀取的兩個數字，我想在最后的 html 側顯示結果。

主文件

import eel
import requests

eel.init('web')

@eel.expose
def sum(a,b):
    c = int(a) + int(b) 
    print(c)
    return c

eel.start('index.html', size=(500, 500))

main.js

function sum() {
  var a = document.getElementById("data_1").value;
  var b = document.getElementById("data_2").value;
  eel.sum(a, b);
}

索引.html

<!doctype html>
<html lang="en">
<head>
  <title>Test eel</title>
  <script type="text/javascript" src="/eel.js"></script>
  <script type="text/javascript" src="/myscript.js"></script>
</head>
<body>
  <h3 class='label_'>Num 1 </h3> 
  <input type="text" id="data_1"    >
  </br>
  <h3 class='label_'>Num 2 </h3>
  <input type="text" id="data_2" >
</br>
  <input type="button" class="submit" value="submit" onclick="sum()"></br>
output
<div id='file-name'>---</div>
</div>
</body>
</html>

Answer 1

您可以使用 JavaScript 回調 function 將返回值傳遞給 html

main.js

function sum() {
  var a = document.getElementById("data_1").value;
  var b = document.getElementById("data_2").value;
  eel.sum(a, b)(callback); // change here
}

// add function as
function callback(c) {
  document.getElementById("data").value = c;
}

在 index.html 中添加以下代碼以在 html 側打印結果

索引.html

<div>
  Result : <input type="text" id="data" >
</div>

使用 JavaScript 顯示 python 結果為 html | python 鰻魚

問題描述

1 個解決方案

解決方案1
1 已采納 2021-01-22 10:44:27

使用 JavaScript 顯示 python 結果為 html | python 鰻魚

問題描述

1 個解決方案

解決方案1 1 已采納 2021-01-22 10:44:27

解決方案1
1 已采納 2021-01-22 10:44:27