Каким образом можно передать переменную из Flask в JavaScript?

Как передать переменную из Flask в JavaScript скрипт на сайте? В моей текущей реализации переменная не распознается.
  • 18 июня 2024 г. 7:51
Ответы на вопрос 2
Есть несколько способов передачи переменной из Flask в JavaScript:

1. Использование шаблонизатора Jinja: внедрите переменную Flask в HTML шаблон с помощью Jinja и затем получите её в JavaScript. Например:

```python
from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def index():
    my_variable = 'Hello from Flask!'
    return render_template('index.html', my_variable=my_variable)
```

В шаблоне index.html:

```html
<!DOCTYPE html>
<html>
<head>
    <title>My Page</title>
</head>
<body>
    <script>
        var my_variable = "{{ my_variable }}";
        console.log(my_variable);
    </script>
</body>
</html>
```

2. Использование AJAX запроса: отправте GET запрос из JavaScript к Flask роуту, который вернет переменную. Например:

```python
from flask import Flask, jsonify

app = Flask(__name__)

@app.route('/get_variable')
def get_variable():
    my_variable = 'Hello from Flask!'
    return jsonify(variable=my_variable)
```

В JavaScript:

```javascript
fetch('/get_variable')
    .then(response => response.json())
    .then(data => {
        var my_variable = data.variable;
        console.log(my_variable);
    });
```

Выберите подход, который лучше всего подходит для вашего проекта.
Похожие вопросы