jQuery AJAX plugins with Flask

Question

A lot of jQuery plugins have AJAX support, for example the autocomplete jQuery UI plugin or the form validation plugin.

Most of the documentation about the AJAX support of the plugin is shown using PHP:

Autocomplete:

$(function() {
    $( "#birds" ).autocomplete({
        source: "search.php",
        minLength: 2,
        select: function( event, ui ) {
            log( ui.item ?
                "Selected: " + ui.item.value + " aka " + ui.item.id :
                "Nothing selected, input was " + this.value );
        }
    });
});

Validation plugin:

$("#myform").validate({
  rules: {
    email: {
      required: true,
      email: true,
      remote: "check-email.php"
    }
  }
});

My question is know how can this be done using the Flask Framework? And what type of object do I have to return?

Thanks in advance!

Audrius Kažukauskas · Accepted Answer · 2012-12-26 10:13:15Z

2

Configure the plugin to use one of your app's URLs, e.g. source: '/search', and define the view with this route:

@app.route('/search')
def search():
    # If it's a GET request, the data will be provided as request.args.  In case
    # of POST or PUT you'll have to use request.data or request.json (depends on
    # how the plugin is sending the data).
    query = request.args.get('query')
    # Perform the search here.
    results = ...
    # What to return here depends on what the plugin expects, consult the docs
    # to figure this out.  Most likely it'll be some JSON encoded data structure.
    return jsonify(results=results)

answered Dec 26, 2012 at 10:13

Audrius Kažukauskas

13.6k4 gold badges56 silver badges54 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jQuery AJAX plugins with Flask

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related