Tengo una barra de navegación en mi sitio con un botón de búsqueda:

 layout.html: <nav class="navbar navbar-expand-lg navbar-light bg-light"> <a class="navbar-brand" href="/">Home</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav mr-auto"> </ul> <form class="form-inline my-2 my-lg-0" id="search-pressed" > <input class="form-control mr-sm-2" id="search-text" type="search" placeholder="Search" aria-label="Search"> <input class="btn btn-outline-success my-2 my-sm-0" type="submit"></button> </form> </div> </nav>

Al hacer clic en el botón de envío #search-text, quiero redirigir a la ruta "/search/<contenido escrito en #search-pressed>". ¿Cómo puedo obtener el valor de #search-text y redirigir a la ruta mencionada? Estoy usando Flask para el backend, por lo que me gustaría que se ejecutara lo siguiente tan pronto como se haga clic en el botón Enviar en mi barra de navegación:

 server.py: @app.route('/search/<text>') def search_name(text=None): *do stuff* return render_template('search.html',text=text)

Hasta ahora, solo pude obtener el contenido escrito en #search-text, pero no sé cómo ponerlo en la ruta:

 layout.js $(document).ready(function(){ $( "#search-pressed" ).submit(function( event ) { let text = $("#search-text").val() }); })