Back ArrowExplore all kits

Flask - Calling python function on button OnClick event

share link

by vsasikalabe dot icon Updated: Mar 9, 2023

technology logo
technology logo

Solution Kit Solution Kit  

We call the run() method to start the Flask application. The server reloads itself when the code changes. However, we should restart the execution manually for each change in the code. We can enable the debug support to avoid this inconvenience. The print option will display the output in the terminal, and the return statement will do the same process on the browser side. 


Set the debug property of the application object to True to enable the Debug mode. It must be set before running or passing the debug parameter to the run() method. A user can remember application URLs by the Modern web frameworks routing technique. Without having to navigate from the home page, accessing the desired page directly is useful. The route() in Flask holds the URL to a function. 

The background process is happening without any refreshing by redirecting the process directly. Flask is based on the Jinja2 template engine. An HTML file can be rendered by the render_template() function instead of returning hardcode HTML from the function. The getJSON() method gets JSON data using a GET request.   


Here is an example of how to call the Python function on the button Onclick event using Flask: 

Preview of the output that you will get on running this code from your IDE.

Code

In this solution we used flask library of python.

Flask - Calling python function on button OnClick event

JavaScriptdotLines of Code : 34dotLicense : Strong Copyleft (CC BY-SA 4.0)

#rendering the HTML page which has the button
@app.route('/json')
def json():
    return render_template('json.html')

#background process happening without any refreshing
@app.route('/background_process_test')
def background_process_test():
    print ("Hello")
    return ("nothing")

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type=text/javascript>
        $(function() {
          $('a#test').bind('click', function() {
            $.getJSON('/background_process_test',
                function(data) {
              //do nothing
            });
            return false;
          });
        });
</script>


//button
<div class='container'>
    <h3>Test</h3>
        <form>
            <a href=# id=test><button class='btn btn-default'>Test</button></a>
        </form>

</div>

Instructions

Follow the steps carefully to get the output easily.

  1. Download and Install the PyCharm Community Edition on your desktop.
  2. Install flask on your IDE from python interpreter in setting options.
  3. Create new python file on your IDE.
  4. Copy the snippet using the 'copy' button and paste(till line no 10) it in your python file.
  5. By clicking on the topic we get html code,copy and paste this code into html file(json.html).Create first template folder,inside this we have to create json.html file.
  6. Import flask.Create app object.
  7. Add app.run statement to the end.
  8. Run the current file to generate the output.


I hope you found this useful. I have added the link to dependent library, version information in the following sections.


I found this code snippet by searching for ' Flask button OnClick event with json ' in kandi. You can try any such use case!

Environment Tested

I tested this solution in the following versions. Be mindful of changes when working with other versions.

  1. PyCharm Community Edition 2022.3.1
  2. The solution is created in Python 3.11.1 Version
  3. flask 2.2.2 Version


Using this solution, we can Calling python function on button OnClick event using Flask.This process also facilities an easy to use, hassle free method to create a hands-on working version of code in python which would help us to Calling python function on button OnClick event using Flask.

Dependent Libraries

flaskby pallets

Python doticonstar image 63300 doticonVersion:2.2.5doticon
License: Permissive (BSD-3-Clause)

The Python micro framework for building web applications.

Support
    Quality
      Security
        License
          Reuse

            flaskby pallets

            Python doticon star image 63300 doticonVersion:2.2.5doticon License: Permissive (BSD-3-Clause)

            The Python micro framework for building web applications.
            Support
              Quality
                Security
                  License
                    Reuse

                      If you do not have flask library that is required to run this code, you can install it by clicking on the above link.

                      You can search for any dependent library on kandi like flask.

                      Support

                      1. For any support on kandi solution kits, please use the chat
                      2. For further learning resources, visit the Open Weaver Community learning page

                      See similar Kits and Libraries

                      Open Weaver – Develop Applications Faster with Open Source

                      kandi

                      Community and Support

                      Company

                      Follow

                      • © 2023 Open Weaver Inc.