Pass argument to flask from javascript

Question

When pressing a button i call a javascript function in my html file which takes two strings as parameters (from input fields). When the function is called i want to pass these parameters to my flask file and call another function there. How would i accomplish this?

The javascript:

<script>
    function ToPython(FreeSearch,LimitContent)
    {
        alert(FreeSearch);
        alert(LimitContent);
    }
</script>

The flask function that i want to call:

@app.route('/list')
def alist(FreeSearch,LimitContent):
    new = FreeSearch+LimitContent;
    return render_template('list.html', title="Projects - " + page_name, new = new)

I want to do something like "filename.py".alist(FreeSearch,LimitContent) in the javascript but its not possible...

Jérôme · Accepted Answer · 2017-06-19 20:35:09Z

3

From JS code, call (using GET method) the URL to your flask route, passing parameters as query args:

/list?freesearch=value1&limit_content=value2

Then in your function definition:

@app.route('/list')
def alist():
    freesearch = request.args.get('freesearch')
    limitcontent = request.args.get('limit_content')
    new = freesearch + limitcontent
    return render_template('list.html', title="Projects - "+page_name, new=new)

Alternatively, you could use path variables:

/list/value1/value2

and

@app.route('/list/<freesearch>/<limit_content>')
def alist():
    new = free_search + limit_content
    return render_template('list.html', title="Projects - "+page_name, new=new)

edited Jun 19, 2017 at 20:35

answered Oct 12, 2016 at 10:27

Jérôme

14.9k9 gold badges74 silver badges119 bronze badges

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

2 Comments

Bonbin Over a year ago

Thank! How do i add /list?freesearch=value1,limit_content=value2 to my javascript?

Jérôme Over a year ago

AFAIU, what you want to do is execute a GET (or POST, that's up to you) from your JS code to your python flask app. For how to execute the request from JS, see this answer.

Collectives™ on Stack Overflow

Pass argument to flask from javascript

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related