通过单击javascript中的按钮运行python脚本

Question

What I want is run python script just click on the button in the html page and show the python code result on my page.

Because it's just a small project, so I don't want to be overkill learning Django or other web frames even though I know it will work.

I made some searches, ajax seems the right solution for me, but I don't know how to execute python code by ajax. I know I can get some string back via ajax using following code:

function loadXMLDoc()
{
    var xmlhttp;
    xmlhttp=new XMLHttpRequest();
    xmlhttp.onreadystatechange=function()
    {
      if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
        document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
        }
    }
    xmlhttp.open("GET","test1.txt",true);
    xmlhttp.send();
}

Thanks in advance for anyone who can help.

Answer 1

To extend @Liongold's comment, The full workflow goes like this:

Overview of how this happens

• The javascript code for a button click gets executed. This code is running on the client from a browser.
• The AJAX request gets sent over the internet just like an HTTP request, which is interpreted by a web application running on the computer that will run the Python code.
• The python code creates a response, and formats it for sending back to the client.
• The javascript reads the response as plain text, and decides what it means and how to use it. JSON is a very popular format for exchanging data via AJAX

What you need to do

Either:

1. Learn a server-side python framework. Flask is lightweight and will probably do what you want. The largest obstacle I've found here is dealing with Cross-origin (CORS) problems. Get started at http://flask.pocoo.org/docs/0.10/quickstart/

OR

2. See if you can port the python script INTO the browser. Does the code need to be run on a specific computer ( the server ) or could it theoretically be converted into javascript and run within the webpage. If the language difference is your only problem, have a look at http://www.skulpt.org/

Answer 2

I ran into a similar problem, and after searching for several hours, this is how i solved it. Assuming that the html file and the python file are the same folder.

 <script> function runScript() { var request = new XMLHttpRequest(); request.onreadystatechange = function() { if (request.readyState === 4) { if (request.status === 200) { alert('Successful .... ' + request.responseText); } else { alert('Something went wrong, status was ' + request.status); } } }; request.open('POST', 'test.py', true); request.send(null); return false; }; document.getElementById('script-button').onclick = runScript; </script> 

 This goes to your html file ----------------------------- <button type="button" id="script-button"> add this line at the top of your python file --------------------------------------------- test.py ------------ #!C:\\Python34\\python.exe -u print("Testing 123") add this directive to httpd.conf (Apache) ----------------------------------------- # "C:/xampp/cgi-bin" should be changed to whatever your ScriptAliased # CGI directory exists, if you have that configured. # <Directory "C:/xampp/<path to your project on the web server>"> AllowOverride All Options Indexes FollowSymLinks Includes ExecCGI AddHandler cgi-script .py .pyc Order allow,deny Allow from all Require all granted </Directory>