Question

我对编码非常陌生（2 个月），目前我很困惑，非常感谢您提供一些意见。

我正在编写一个 Web 应用程序，以根据商店创建个人杂货购物清单。每个商店在 database.db 和自己的 html 站点中都有一个自己的表（包含项目和排名作为列）。后者有一个输入框，其中自动完成功能应该只允许来自相应 sqlite3-table 的条目。目前，在输入内容时，自动完成功能会打开一个空列表。

html 如下所示：

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<script type = "text/javascript">
    $(document).ready(function(){
    $("#auto").autocomplete({
        source: "/data",
        dataType:'json',
        minLength: 1, 
    });
});
</script>

<form action="/shop1">
        <input name="autocomplete" autofocus autocomplete="off" type="text" id="auto" class="form-control" placeholder="Item" style="border:1px solid #52BA61"/>
        <button class="btn btn-success" type="submit">Add</button>
</form>

我的 application.py 包含以下内容：

@app.route("/shop1", methods=["GET", "POST"])
@login_required
def shop1():
    return render_template("rewe.html")


@app.route("/data", methods=["GET", "POST"])
@login_required
def data():
    items = db.execute("SELECT item FROM shop1;")
    return json.dumps(items)

“data.html”包含以下格式的数据：

 [{"item:" "product1"}, {"item:" "product2"}, and so on]

有谁知道问题出在哪里？也希望能提供更好的解决方案，因为我知道这不是最优雅的解决方案。

非常感谢

自动完成功能显示空结果

0 个答案: