Question

我正在尝试使用flask和javasript从我的html页面进行动态搜索，到目前为止，我已解决了将变量从html传递到flask和javascript的问题，但是现在从数据库中获取结果后，我想将结果放在级联菜单中，每行显示1个项目，但我不知道如何将结果从javascript传递到flask。

我的代码如下

javascript：

<script type="text/javascript">
    function searchq(){
        var searchTxt = $("input[name='search']").val();
        $.post("/cerca_prodotto", {searchVal: searchTxt},function(data){


            console.log(data)
            $("#output").html(data.output);
        })

    }
</script>

html：

<form action="/cerca_prodotto" method="post">
                <br>
                Search <input type="text" name="search" onkeyup="searchq()" id="input"><
                selected:<textarea id="output"></textarea>

</form>

烧瓶：

@app.route('/cerca_prodotto', methods=['GET', 'POST'])
def cerca_prodotto():

if request.method == 'POST':
    data = request.form
    print(data)
    searchVal = request.form['searchVal']
    print(searchVal)
    id_prodotti = Cerca_nel_db.seleziona_id_prodotto(searchVal)
    print(id_prodotti)
    return jsonify({'output': str(id_prodotti)})
else:
    searchVal = ''
    Cerca_nel_db.seleziona_id_prodotto(searchVal)
    #id_prodotti = Cerca_nel_db.id_prodotti
    return render_template('controlla_prodotto/cerca_prodotto.html', **locals())

变量id_prodotti是['AFFILATURA', 'DU-MF_31', 'DU-PF_31', 'guarnizione', 'guarnizione2', 'OS-CEU13-PT_32', 'Super-slim', 'UB-001-18-M', 'UB-001-18-P', 'UB-F', 'UB-M', 'UPT-053-18', 'UPT-054-18', 'UPT-055-18', 'UPT-062-18', 'UPT-063-18']

我不得不像字符串一样传递它，因为我不知道如何传递它。

使用javascript将搜索结果放入选择级联菜单

0 个答案: