Python Flask - JQuery Ajax: зависимый выпадающий

Question

Я новичок в Python - Flask. Я хочу сделать зависимый выпадающий список для моих школ. Пользователь должен выбрать категорию программы из первого выпадающего списка, и он должен получить отфильтрованный список программ в других выпадающих. Я знаю, я должен использовать JQuery AJAX, но я не могу это сделать.

Это моя часть HTML

<form action="{{ url_for('individual') }}" method="post" >
<div class="form-group">
<label for="P_cat">Program Category:</label>
<select class="form-control" id="P_cat" name="P_cat">
    {% for d in data[0] %}
<option>{{d.0}}</option>
    {% endfor %}
</select>
</div>

<div class="form-group">
<label for="pro">Programs:</label>
<select class="form-control" id="pro" name="pro">
<option>Select</option>
    {% for d in data[1] %}
<option>{{d.0}}</option>
    {% endfor %}
</select>
</div>

Это мой Python Route

@app.route('/individual/', methods = ['GET','POST'])
def individual():
  if request.method == 'GET':

    cmd = db.cursor()
    cmd.execute("select Group_Name from Groups")
    groups = cmd.fetchall()
    cmd.close()

    cmd = db.cursor()
    cmd.execute("select program from program")
    programs = cmd.fetchall()
    cmd.close()
    results = [groups,programs]
    return render_template ("individual.html",data = results)

На этом этапе я могу получить данные из моей базы данных. Теперь я должен обновить второе раскрывающееся меню на основе выбора пользователем первого раскрывающегося списка. Как мне написать jquery здесь, чтобы получить отфильтрованную информацию из моей базы данных? Примечание: я не использую колбу WTF или SQLAlchemy (мне кажется, на данный момент более сложным). У меня есть опыт написания хранимых процедур и запросов в SQL. поэтому я предпочитаю использовать этот метод.