How to Handle HTTP Requests in Flask

In our previous article, we covered how to create simple pages in Flask and use Jinja2 as the templating engine. Now, let’s explore how Flask handles requests.

Understanding how HTTP requests work and how to manage them in Flask is key, as this allows you to build more interactive and dynamic web apps, such as building a form, API endpoints, and handling file uploads.

Flask HTTP requests illustration

Without further ado, let’s get started.

So, What’s an HTTP Request?

An HTTP request is a message sent, usually by a browser, to the server asking for data or to perform an action. For example, when you visit a webpage, your browser sends a GET request to the server to retrieve the page’s content.

There are several different types of HTTP requests, and Flask can handle all of them, including GET to retrieve data, POST to send data to the server like submitting a form, PUT to update existing data on the server, and DELETE to delete data from the server.

Handling Requests in Flask

Flask makes handling requests straightforward by using routes. In our previous articles, we used routes to create static and dynamic pages. By default, routes only respond to GET requests, but you can easily handle other HTTP methods by specifying them in the route.

Assuming we have a contact page at /contact, we probably would want the page to handle both GET and POST requests to allow users to load the page, as well as to submit the form. To make the page handle these two HTTP methods, we can pass in the methods argument, for example:

@app.route('/contact', methods=['GET', 'POST'])
def submit():
    if request.method == 'POST':
        data = request.form['input_data']
        return render_template('contact.html', data=data)
    return render_template('contact.html')

In this example, users can load the /contact page. When the form is submitted, Flask retrieves the form data and passes it to the contact.html template. Then, within the template, you can access and process the data using Jinja2 templating.

Working with Query Parameters

Data may be passed to a URL via query parameters. This is commonly found on a search page where the search query is passed as a query parameter. These are the parts of the URL after a ?, like /search?query=flask. Flask makes it easy to access query parameters with the request.args dictionary, for example:

@app.route('/search')
def search():
    query = request.args.get('query')
    
    # Meilisearch
    # See: https://github.com/meilisearch/meilisearch-python
    result = index.search(query)

    if query:
        return render_template('search.html', result=result)
    return 'No search query provided.'

In this case, when a user visits /search?query=flask, we take the query and use it to retrieve the search result, which is then passed to the search.html template for rendering.

Handling JSON Data

When building an API, we need the data delivered in JSON format. Flask provides a simple way to handle JSON data in requests with the jsonify function. Here’s an example of handling JSON data:

from flask import jsonify

@app.route('/api/data')
def api_data():
    return make_response(jsonify({"message": 'Success'}), 200)

Handling File Uploads

Flask also makes handling file uploads easy, using the request.files object.

@app.route('/upload', methods=['GET', 'POST'])
def upload_file():
    if request.method == 'POST':
        file = request.files['file']
        file.save(f'/uploads/{file.filename}')
        return redirect(url_for('index.html'))

In this example, when a user submits a file via the form, Flask saves the file to the specified directory and then redirects the user to the homepage.

Request Headers and Cookies

Sometimes you also need to get headers or cookies from the request in your app, such as for passing authentication or tracking user data. Flask provides easy access to headers through request.headers and cookies through request.cookies. Here’s a basic example of how we use it to authenticate for an API endpoint:

@app.route('/api/data')
def check():
    auth = request.headers.get('Authorization')
    nonce = request.cookies.get('nonce')

    # Simple authentication check
    if auth == 'Bearer X' and nonce == 'Y':
        return jsonify({"message": "Authenticated"}), 200
    else:
        return jsonify({"message": "Unauthorized"}), 401

Wrapping up

Flask makes handling HTTP requests a breeze. Whether you’re working with basic GET requests, handling form submissions with POST, or dealing with more complex scenarios like JSON data and file uploads, it provides the APIs, functions, and tools you need to get the job done. We’ve only scratched the surface of Flask’s request-handling capabilities, but hopefully, this gives you a solid foundation to start building your own Flask apps.

WebsiteFacebookTwitterInstagramPinterestLinkedInGoogle+YoutubeRedditDribbbleBehanceGithubCodePenWhatsappEmail