在jQuery中使用GET請求中的信息通過Flask顯示轉換后的結果

Question

我正在嘗試根據客戶做出的選擇來發送客戶信息。 我想使用GET請求，因為我沒有更改服務器上的任何信息。 但是，我不知道如何從GET請求中實際訪問任何信息。 我一直在研究將查詢字符串與Flask一起使用，但是運氣不高。 返回到javascript之后，我需要對結果進行額外的操作，因此我希望將響應保留在成功函數中，因為下面有它，而不是使用任何模板。

我真正有能力改變的唯一事情就是如何發送數據（如果它需要是JSON或除字符串之外的其他東西）以及如何在Flask中進行訪問。 那有可能嗎，我會怎么做？

app.py

from flask import Flask, render_template, request, jsonify

app = Flask(__name__)

def myFunc(s):
    return str(s) + "!"

@app.route("/")
def index():
    # resp = myFunc(selectedOption)
    # return resp

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

的index.html

<!DOCTYPE html>
<html>
<head>
    <title>getTest</title>
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <!-- jQuery library -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <!-- Latest compiled JavaScript -->
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <script src="{{ url_for('static', filename='script.js')}}"></script>
</head>
<body>
    <select id="options">
        <option value="option1">Option 1</option>
        <option value="option2">Option 2</option>
        <option value="option3">Option 3</option>
        <option value="option4">Option 4</option>
    </select>
    <button class="btn btn-default" id="submit">Submit</button>
    <p id="demo"></p>
</body>
</html>

的script.js

$(document).ready(function() {
    $("#submit").click(function() {
        var selectedOption = $("#options").val();
        $.ajax({
            url: "/",
            method: "GET",
            data: selectedOption, //open to changing
            success: function(result) {
                $("#demo").html(result);
            }
        });
    });
});

Answer 1

您應該更改ajax調用，以便它使用命名參數，而不僅僅是將數據設置為與您的選項相等

    $.ajax({
        url: "/",
        method: "GET",
        data: {'selectedOption': selectedOption}, //open to changing
        success: function(result) {
            $("#demo").html(result);
        }
    });

使用request.args.get('selectedOption')訪問查詢字符串

@app.route("/")
def index():
    resp = myFunc(request.args.get('selectedOption'))
    return resp

在jQuery中使用GET請求中的信息通過Flask顯示轉換后的結果

問題描述

app.py

的index.html

的script.js

1 個解決方案

解決方案1
1 已采納 2015-08-17 03:35:34

在jQuery中使用GET請求中的信息通過Flask顯示轉換后的結果

問題描述

app.py

的index.html

的script.js

1 個解決方案

解決方案1 1 已采納 2015-08-17 03:35:34

解決方案1
1 已采納 2015-08-17 03:35:34