使用AJAX和python腳本加兩個數字

Question

我正在嘗試執行一個非常簡單的任務...在HTML頁面上添加兩個數字。 結果必須來自python腳本。 這必須使用AJAX完成。 所以我也用ajax調用的javscript創建了以下頁面：

<!DOCTYPE html>
<html lang="en">
<head>
<script>
var req = new XMLHttpRequest();
function askServer() {
    var number1 = document.getElementById("number1").value;
    var number2 = document.getElementById("number2").value;
    var dataToSend = "?number1="+number1 + "&number2="+number2;
    req.open("GET","myScript.py",dataToSend,true);
    req.onreadystatechange = handleServerResponse;
    req.send();
    document.getElementById("result").innerHTML = "The request has been sent.";
}
function handleServerResponse() {    
    if((req.readyState == 4) && (req.status == 200)) {
        var result = req.responseText;
        document.getElementById("result").innerHTML = "The answer is : " + result + ".";
    } 
}
</script> 
</head>
<body>
<p>Enter two numbers:
<input id="number1" type="number">
<input id="number2" type="number">
</p>
<p>To ask the server top add them, without refreshing the page, click this button:           <button onclick="askServer()">Ask the Server</button></p>
</div>
<p id="result"></p>
</body>
</html>

我需要有關python腳本的幫助。 我知道它只需要查詢字符串中的兩個參數即可； 添加它們並返回。

說我用以下語句創建了一個.py文件

return "Hi".

結果將返回完整的文本“ return'HI！'”。 我只是一個python初學者。

Answer 1

如果使用Web框架，則可以輕松完成此任務。

這是一個龐大的Python Web框架列表

https://wiki.python.org/moin/WebFrameworks

使用燒瓶-http://flask.pocoo.org/

from flask import Flask, request

app = Flask(__name__)

@app.route('/myScript.py')
def view_add_numbers():
    number_one = request.args.get('number1', '')
    number_two = request.args.get('number2', '')
    if number_one and number_two:
        return '%s' % (int(number_one) + int(number_two))
    else:
        return 'Fail'

if __name__ == '__main__':
    app.run()

您可以創建一個更好的URL，並以其他方式傳遞number1和number2。 閱讀文檔。

使用AJAX和python腳本加兩個數字

問題描述

1 個解決方案

解決方案1
0 2014-05-12 18:41:52

使用AJAX和python腳本加兩個數字

問題描述

1 個解決方案

解決方案1 0 2014-05-12 18:41:52

解決方案1
0 2014-05-12 18:41:52