“GET”获取脚本文本，“POST”导致“405方法不允许”，我_did_ methods = ['GET'，'POST']（从JavaScript通过Flask到Python）

Question

在Raspberry Pi中，我使用Flask提供一个网页，该网页使用JavaScript发布到Python脚本。

文件夹结构：

/home/pi/Elithion/app.py 
/home/pi/Elithion/templates/index.html 
/home/pi/Elithion/static/wificonfig.py 

app.py（瓶使用Python代码）

from flask import Flask, render_template, url_for 

app = Flask(__name__) 

@app.route('/', methods=['GET', 'POST']) 
def index(): 
    return render_template('index.html') 

if __name__ == '__main__': 
    app.run(debug=True, host='0.0.0.0') 

的index.html，JavaScript的：

function ReqWifiConfig(selectedWiFiNetwork, wiFiPassword) { // Request setting the WiFi configuration 

    // Constants 
    var WifiConfigScript = '/static/wificonfig.py'; 
    var ContentKey = 'Content-type'; 
    var ContentVal = 'application/x-www-form-urlencoded'; 

    // Send the wifi login credentials to the Python script using AJAX 
    var xmlhttp = new XMLHttpRequest();  
    xmlhttp.onreadystatechange=function() { 
     if (xmlhttp.readyState==4 && xmlhttp.status==200){ 
      ... 
     } 
     else if (xmlhttp.readyState==4) { 
      alert(xmlhttp.status + xmlhttp.statusText); 
     } 
    } 
    xmlhttp.open("POST", WifiConfigScript, true); 
    xmlhttp.setRequestHeader(ContentKey, ContentVal); 
    var postData = 'nw=' + selectedWiFiNetwork + '&pw=' + wiFiPassword; 
    xmlhttp.send(postData);  
} 

这导致该警报的浏览器：

127.0.0.1:5000 says: 405METHOD NOT ALLOWED 

，这消息在终端：

127.0.0.1 - - (date) "POST/static/wificonfig.py HTTP/1.1 405 - 

如果我改变“POST”到“GET”，则返回在脚本中的文本，所以我知道的路径是正确的。

我检查这些StackOverflow的答案，他们没有帮助，因为我有正确的道路，我没有使用HTML表单，和CORS不适：

• Sending POST Data through Flask
• POST 405 (Method Not Allowed)
• Flask - POST Error 405 Method Not Allowed
• Method Not Allowed flask error 405
• method not allowed error in flask。

Answer 1

解决它，这要归功于davidism的澄清。

文件夹结构：

/home/pi/Elithion/app.py 
/home/pi/Elithion/templates/index.html 
/home/pi/Elithion/wificonfig.py 

app.py（使用烧瓶Python代码）

from flask import Flask, render_template, request 
import wificonfig 

app = Flask(__name__) 

# Show the HTML page 
@app.route('/') 
def index(): 
    return render_template('index.html') 

# Service the POST request 
@app.route('/postService', methods=['POST']) 
def postService(): 
    wifiStatus = 'fail' 
    if request.method == 'POST': 
     nw = request.form['nw'] # WiFi network 
     pw = request.form['pw'] # WiFi Password 
     wifiStatus = wificonfig.configwifi(nw, pw) 
    return wifiStatus 

if __name__ == '__main__': 
    app.run(debug=True, host='0.0.0.0') 

wificonfig.py脚本：

def configwifi(nw, np): 
    """ Sign onto the WiFi specified network with the given password """ 
    # ... Code to sign onto the WiFi network 
    return 'OK' 

的index.html，JavaScript的：

function ReqWifiConfig(selectedWiFiNetwork, wiFiPassword) { // Request setting the WiFi configuration 

    // Constants 
    var WifiConfigScript = '/postService'; 
    var ContentKey = 'Content-type'; 
    var ContentVal = 'application/x-www-form-urlencoded'; 

    // Send the login credentials to the Python script using AJAX 
    var xmlhttp = new XMLHttpRequest();  
    xmlhttp.onreadystatechange=function() { 
     if (xmlhttp.readyState==4 && xmlhttp.status==200){ 
      alert(xmlhttp.status + xmlhttp.statusText); // Returns 'OK' 
     } 
    } 
    xmlhttp.open("POST", WifiConfigScript, true); 
    xmlhttp.setRequestHeader(ContentKey, ContentVal); 
    var postData = 'nw=' + selectedWiFiNetwork + '&pw=' + wiFiPassword; 
    xmlhttp.send(postData);  
} 

Answer 2

您无法发布到静态文件。如果你想运行Python代码，你可以在Flask视图函数中做到这一点。将您的脚本移到您的应用程序旁边，以便它是可导入的，导入它，调用它并返回响应。

from flask import request, jsonify 
from import wificonfig import do_config 

@app.route('/wificonfig', methods=['POST']) 
def wificonfig(): 
    result = do_config(nw=request.form['nw'], pw=request.form['pw']) 
    return jsonify(result) 

模板中的JavaScript张贴到此路线，而不是wificonfig.py。由于您使用的是JavaScript中的值，因此请使用url_for生成网址并使用tojson。

var wifiConfigScript = {{ url_for('wificonfig')|tojson }};