Flask Ajax 调用在收到数据到网页后刷新答案

【问题标题】：Flask Ajax call getting refreshed after data received to web pageFlask Ajax 调用在收到数据到网页后刷新
【发布时间】：2020-06-08 18:59:01
【问题描述】：

我正在做一个烧瓶项目，它从表单中获取数据（只有一个输入）并使用 ajax POST 请求将其发布到服务器并在同一页面上返回数据。作为回报，我看到返回的数据已被接收到网页，但它会自动刷新。我无法弄清楚这里发生了什么。这是我的相关代码。

$(document).ready(function(){
     $("#button").click(function(){
        var userID=$("#userID").val();
        $.ajax({
            url:'/maturity',
            type:"POST",
            data:{userID:userID}
            }).done(function(data){
                 percentageval=data.id;
                 console.log(data.id);

            });
        });
 });

stack_overflow = Blueprint('stack_overflow', __name__)

@stack_overflow.route("/maturity", methods=["POST"])
def maturity():    
    data=request.form["userID"]
    print(data)
    id=46
    return jsonify({"id":46})

在这里，我创建了一个成熟度根来获取 POST 数据并返回所需的值。这是我正在使用的默认根目录，并且在 ajax 调用页面再次刷新到此页面后。

http://127.0.0.1:5000/stack_overflow

我检查了数据是否已接收到服务器，并且来自jasonify 的数据已返回到网页，但问题是在那之后再次刷新了页面。谁能帮我解决这个问题。

【问题讨论】：

标签： jquery ajax flask post jsonify

【解决方案1】：

您在表单中使用以下代码吗？

<button type="submit">Click Me</button>

然后改变按钮的类型。

<button type="button">Click Me</button>

也许您应该使用“提交”事件而不是“点击”事件。

【讨论】：