Как использовать Ajax в Flask?

Пользователь

от cayla , в категории: Python , 2 месяца назад

Как использовать Ajax в Flask?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от ian.heidenreich , 12 дней назад

@cayla 

  1. Установите библиотеку Flask-Ajax:
1
pip install flask-ajax


  1. Импортируйте Flask и Ajax:
1
2
from flask import Flask, render_template
from flask_ajax import Ajax


  1. Создайте объект Flask и Ajax:
1
2
app = Flask(__name__)
ajax = Ajax(app)


  1. Определите маршрут, который будет обрабатывать Ajax-запросы:
1
2
3
@app.route('/ajax')
def ajax():
    return render_template('ajax.html')


  1. Создайте шаблон Ajax (в данном примере - ajax.html):
 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
32
33
  
    Ajax Example
    
    
  
  
    Ajax Example
    
      
      Submit
    
    
      $(document).ready(function() {
        $('#submit-btn').click(function(event) {
          event.preventDefault(); // предотвращаем стандартное поведение формы
          $.ajax({
            url: '/ajax',
            type: 'POST',
            data: {
              name: $('#name').val()
            },
            success: function(response) {
              alert(response);
            },
            error: function(error) {
              console.log(error);
            }
          });
        });
      });
    
  


  1. Создайте маршрут для обработки Ajax-запросов:
1
2
3
4
@app.route('/ajax', methods=['POST'])
def ajax_response():
    name = request.form['name']
    return f'Hello, {name}!'


  1. Запустите приложение Flask:
1
2
if __name__ == '__main__':
    app.run(debug=True)


Теперь при отправке формы данных через AJAX на эндпойнт /ajax, будет возвращаться ответ "Hello, {name}!", где {name} - значение из поля ввода формы на странице ajax.html.