Обработка Python Js Html

06.03.2021, 18:17. Показов 1793. Ответов 0

Студворк — интернет-сервис помощи студентам

Я делаю графической интерфейс для программы на python с помощу eel. И у меня возник вопрос... Как сделать так чтобы по нажатию на кнопку в html странице выводились данные указанные в python?
Вот пример:

Python
1
2
3
4
5
6
7
8
9
10
11
12
13
import eel
 
eel.init("web")
 
@eel.expose
def get_upp(place):
    text = "start"
 
    return text
 
 
 
eel.start('index.html', size=(700, 700))

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="eel.js"></script>
    <link rel="stylesheet" href="style.css">
    <title>Document</title>
</head>
<body>
    <div class="box">
        <button id="btn" >Start</button>
        <div id="info" ></div>
    </div>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script>
        
 
        async function display_upp() {
            let res = await ell.get_upp(place)();
            document.getElementById('info').innerHTML = res;
        }
        jQuery('#btn').on('click', function() {
            display_upp();
        });
 
    </script>
  
</body>
</html>

Мне нужно чтобы текст с пайтона выводился в тег <div id='info'> по нажатию кнопки

IT_Exp

Эксперт

34794 / 4073 / 2104

Регистрация: 17.06.2006

Сообщений: 32,602

Блог

06.03.2021, 18:17

Ответы с готовыми решениями:

Обработка события Click, вставка html после генерации и обработка этого кода
Подскажите пожалуйста как заставить работать эту часть кода 18 строка $(".image").click(function() { ...

Передача данных между страницами html (запрос к базе)-> php (обработка) -> html (вывод результата обработки)
Есть два файла: 1) index.php HTML c кнопкой, которая запускает PHP обработчик запроса к базе данных 2) do.php PHP обработчик,...

Обработка ошибок в python
Добрый день. Подскажите пожалуйста как можно перехватить ошибку с текстом. В моем примере я перехватываю все ошибки первым except, а мне...

Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.

BasicMan

Эксперт

29316 / 5623 / 2384

Регистрация: 17.02.2009

Сообщений: 30,364

Блог

06.03.2021, 18:17

Помогаю со студенческими работами здесь

Обработка изображений в python
Задание такое, нужно написать нейросеть, которая находит на изображении люки Делаю с помощью opencv Вот код: import numpy as np...

Обработка исключений, в python
5 В директории есть файл с данными в файловой системе, и необходимо его прочитать. В этом случае может всплывать несколько исключительных...

Обработка клавиш в python
Всех приветствую. Есть вот какая задача: Что бы при нажатии f8, постоянно нажималась пробел автоматически. А когда ещё раз нажать f8,...

Python обработка файлов
Кто поможет с составлением?) Запросить у пользователя улицу (табл.№21) и цифру из набора . Вывести на экран записи абонентов, живущих...

Обработка строк (Python)
Обработка строк с помощью стандартных функций. Поиск и замена (python)

Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:

Опции темы

Новые блоги и статьи Все статьи Все блоги /
Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.	Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .	Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .
Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача №1: при указании работ (справочник РаботыПоРемонтуСпецтехники),. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .

Наверх