Hay muchos módulos o marcos que permiten construir su página web usando python como bottle, django, matraz, etc. Pero los más populares son Flask y Django. Django es fácil de usar en comparación con Flask, pero Flask le brinda la versatilidad para programar.
Problema:
Si publicamos la solicitud, se volverá a cargar toda la página. Por lo tanto, este artículo gira en torno a cómo enviar los datos del formulario al backend del matraz sin recargar la página. Para enviar el formulario sin recargar la página, usamos jquery y ajax. Entonces, antes de usar el matraz, tenemos que instalar eso
ubuntu
pip3 install flask
Cree un nuevo directorio para su proyecto. Dentro de eso, cree un nuevo archivo y asígnele el nombre app.py
app.py
Python3
from flask import Flask,render_template,request
app = Flask(__name__)
@app.route("/",methods=["POST","GET"])
def home():
if request.method == "POST":
todo = request.form.get("todo")
print(todo)
return render_template('home.html')
if __name__ == '__main__':
app.run(debug=True)
Luego cree un nuevo directorio y asígnele el nombre de plantillas .
Dentro de eso, cree un nuevo archivo y asígnele el nombre home.html
inicio.html
HTML
<!DOCTYPE html>
<html>
<head>
<title>GFG</title>
</head>
<body>
<form method="post" id="todo-form">
<input type="text" name="todo" id="todo">
<button type="submit">submit</button>
</form>
<!--Jquery Cdn -->
<script src="https://code.jquery.com/jquery-3.5.1.js"
integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc="
crossorigin="anonymous"></script>
<script type="text/javascript">
$(document).on('submit','#todo-form',function(e)
{
console.log('hello');
e.preventDefault();
$.ajax({
type:'POST',
url:'/',
data:{
todo:$("#todo").val()
},
success:function()
{
alert('saved');
}
})
});
</script>
</body>
</html>
- e.preventDefault() :- Esta función no recarga la página
- tipo: solicitud GET o POST
- url: url que hemos especificado en nuestra aplicación de matraz
- data : Datos del formulario que queremos pasar
- Éxito: función(): – Esta función se ejecuta después de enviar con éxito los valores y cuando no se produce ningún error al enviar los datos.
PRODUCCIÓN :-
En el cmd o terminal, imprimirá el valor que hemos enviado mediante el formulario.
Publicación traducida automáticamente
Artículo escrito por vivekpisal12345 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA