Всем привет.
Решил я значит разобраться с htmx. Скачал, начал потихоньку осваиваться. Но только я попробовал написать первый пример из документации, столкнулся со следующей проблемой.
Суть максимально проста. При клике на кнопочку необходимо заменить html. Вот код:
Это должно превратиться в это:
Ребят, два вопроса:
1. Как убрать эти ковычки в html?
2. Почему задержка около 0.5 - 1 секунды между кликом и заменой html?
Вот код сервака:
from flask import Flask, render_template
from flask_restful import Resource, Api
app = Flask(__name__)
api = Api(app)
application = app
@app.route('/')
def hello_world():
return render_template("index.html")
class HelloWorld(Resource):
def get(self):
return "<h1>Clicked</h1>"
api.add_resource(HelloWorld, '/clicked')
if __name__ == '__main__':
app.run()
Вот код html-страницы:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://unpkg.com/htmx.org@1.9.12" integrity="sha384-ujb1lZYygJmzgSwoxRggbCHcjc0rB2XoQrxeTUQyRjrOnlCoYta87iKBWq3EsdM2" crossorigin="anonymous"></script>
<title>Главная страница</title>
</head>
<body>
<div id="container">
<button hx-get="/clicked"
hx-target="#container"
hx-trigger="click"
hx-swap="outerHTML">
Click me
</button>
</div>
</body>
</html>
