如何將輸入從jQuery傳遞到Flask？-有解無憂

我有三個輸入，我試圖將值從 Flask 中呈現的 index.html 傳遞回我的應用程式內的函式。

以下是輸入：

<form method="POST" action="/">
                <small>What is your gross income? <BR></small>
                <input type="number" id="Income"><BR><BR>

                <div class="slidecontainer">
                    <small> What  % of income for house payment?</small><BR>
                    <input type="range" min="10" max="60" value="28" class="slider" id="percent_income" step="1"><BR>
                    <small><label> Percent: <span id="Percent"></span>%</label></small>
                </div>

                <div class="slidecontainer">
                    <small> What is your interest rate?</small><BR>
                    <input type="range" min="2" max="6" value="3.5" class="slider" id="interest_rate" step=".25"><BR>
                    <small><label> Rate: <span id="Rate"></span>%</label></small>
                </div>

            </form>

這是在頁面上分配和呈現它們的值的腳本（用于收入滑塊的比率和百分比）以及我嘗試傳遞值的開始。

$(function() {
            var slider3 = $("#interest_rate");
            $("#Rate").html(slider3.val());

            slider3.change(function() {
            $("#Rate").html(slider3.val());
            })

            var slider4 = $("#percent_income");
            $("#Percent").html(slider4.val());

            slider4.change(function() {
            $("#Percent").html(slider4.val());
            })
        });

function fetchdata()
            {
                $.getJSON({
                    type: "GET",
                    url: "{{ url_for('calcprice') }}",
                    data: {
                        'Income': $('#Income option:selected').html(),
                        'Percent': $('#percent_income option:selected').html(),
                        'Rate': $("#interest_rate option:selected").html(),
                    },
                    success: function(data){
                        console.log(data)
                    }
                });
            }

            $(document).mouseup(function () {fetchdata()});
            $(document).on('change', function () {fetchdata()});

這是我開始的路線，我試圖從中傳遞值/請求值，但我有點卡住了，jQuery 新手，當我更改值時出現 404 錯誤。在回圈中運行，試圖決議正在發生的事情而不是發生的事情。任何建議表示贊賞！

@app.route('/calcprice', methods=['GET', 'POST'])
def calcprice():
    Income = request.args.get('Income')
    Percent = request.args.get('Percent')
    Rate = request.args.get('Rate')
    return price

uj5u.com熱心網友回復：

要使用 JQuery 從輸入欄位中獲取值，請嘗試以下操作： $('#{Id_of_input_field}').val()

在您的示例中，它將類似于：

$.getJSON({
    type: "GET",
    url: "{{ url_for('calcprice') }}",
    data: {
        'Income': $('#Income').val(),
        'Percent': $('#percent_income').val(),
        'Rate': $("#interest_rate").val(),
    },
    success: function(data){
        console.log(data)
    }
});

轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/355655.html

標籤：Python 查询烧瓶

上一篇：使用FontAwesomeSVG圖示覆寫單個Vuetify圖示

下一篇：運行應用程式時在燒瓶中出錯