jquery - Python アプリケーションにアクセスする Javascript を使用して、検索結果をライブで更新するにはどうすればよいですか?

Question

私は現在、Flask と SQLAlchemy で構築された単純な Python アプリケーションを持っています。Userアプリケーションは、別の python ファイルからインポートされたデータベースにアクセスします。アプリケーションには 2 つのビューがあり、1 つはhome

def home()
    if request.method == 'POST':
            search = Search(query=request.form['searchbox'], time=datetime.datetime.utcnow())
            db.session.add(search)
            db.session.commit()

            return redirect(url_for('results', query=request.form['searchbox']))
    return render_template('mainin.html')

これは単にインデックス ページを表示し、データをsearchbox2 番目のビューに渡し、resultsそこで表示されます。

def results(query):
    results = User.query.filter(User.username.contains(query)).all()
    return render_template('results.html', results=results)

ただし、代わりに、ユーザーがクエリを入力する検索ボックスと同じページに結果を表示したいと考えています。私が目指している効果は、StackOverflow を検索するときのようなライブ結果だと思います。私は多くの検索を行ってきましたが、この効果を達成するにmainin.htmlは、検索ボックスに文字が入力されたときに、ページで JQuery を実行してデータベースを呼び出す必要があることに気付きました。現在、フォームのボタンが押されると、結果は POST によって取得されます。したがって、どこから始めればよいかわかりませんが、JQuery は同様の POST を自動的に作成する必要があると思います。よろしくお願いします。