Execute a python script on button click

Question

I have an HTML page with one button, and I need to execute a python script when we click on the button and return to the same HTML page with the result.

So I need do some validation on return value and perform some action.

Here is my code:

HTML:

<input type="text" name="name" id="name">
<button type="button" id="home" onclick="validate()" value="checkvalue"></button>

JS:

function validate(){
    if (returnvalue=="test") alert(test)
    else alert ("unsuccessful")
}

What my python code is doing is some validation on the name entered in the text box and gives the return status.

But I need the result back on the same page, so I can do the form submission later with all the details. Any help will be appreciated

Python runs at server side, so the closest you can get is to AJAX send the value to your server and return the validated result. — Passerby
– Passerby, Commented Mar 1, 2013 at 5:31
related: How to connect Javascript to Python sharing data with JSON format in both ways? — jfs
– jfs, Commented Mar 1, 2013 at 6:23

martriay · Accepted Answer · 2016-08-16 15:27:29Z

15

You can use Ajax, which is easier with jQuery

$.ajax({
   url: "/path/to/your/script",
   success: function(response) {
     // here you do whatever you want with the response variable
   }
});

and you should read the jQuery.ajax page since it has too many options.

edited Aug 16, 2016 at 15:27

answered Mar 1, 2013 at 5:39

martriay

5,7423 gold badges32 silver badges39 bronze badges

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

1 Comment

Tushar Thakur Over a year ago

In my case, this code downloads python script file from file URL

Xetnus · Accepted Answer · 2016-07-28 21:34:06Z

12

Make a page(or a service) in python, which can accept post or get request and process the info and return back a response. It is better if the response is in json format. Then you can use this code to make a call on the button click.

<input type="text" name="name" id="name">
<button type="button" id="home" onclick="validate()" value="checkvalue">
<script>
$('#id').click(function(){

 $.ajax({
      type:'get',
      url:<YOUR SERVERSIDE PAGE URL>,
      cache:false,
      data:<if any arguments>,
      async:asynchronous,
      dataType:json, //if you want json
      success: function(data) {
        <put your custom validation here using the response from data structure >
      },
      error: function(request, status, error) {
        <put your custom code here to handle the call failure>
      }
   });
});
</script>

I hope this helps

edited Jul 28, 2016 at 21:34

Xetnus

3532 gold badges4 silver badges14 bronze badges

answered Mar 1, 2013 at 5:57

Hari

3093 silver badges14 bronze badges

2 Comments

hello_there_andy Over a year ago

@Hari May I ask what the $('#id') is doing? is the '#id' used here as a placeholder for us to replace with something like 'home' (in the case of OP's question)? If so, I'm still not sure what $ is doing

Hari Over a year ago

@hello_there_andy, the "id" is supposed to be replaced with the id of your html element. '#' denotes that it is an id jquery should be looking for. $ is the jquery object and it invokes the jquery library.

Collectives™ on Stack Overflow

Execute a python script on button click

2 Answers 2

1 Comment

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related