gpt4 book ai didi

javascript - Flask ajax 请求后不要重新加载网页

转载 作者:太空宇宙 更新时间:2023-11-03 15:52:22 24 4
gpt4 key购买 nike

我有这个ajax请求

$(function() {
$('#left').bind('click', function() {
var form = $('form#data')[0]; //
var formData = new FormData(form);

$.ajax({
url: "{{ url_for('encode') }}",
type: 'POST',
data: formData,
async: false,
success: function (data) {
$("#img-2").attr("src", "{{url_for('static', filename='encoded.png')}}");
$("#diff").show();
},
cache: false,
contentType: false,
processData: false
});

});
});

当按钮被点击时,这个 flask 函数就会运行。

@app.route('/encode', methods=['GET', 'POST'])
def encode():
a = request.form['text']
img = request.files['files']
img.save("./static/original.png")
secret = lsb.hide(img, a)
secret.save("./static/encoded.png")
return "ok"

我遇到的问题是网页瞬间变成了图像,应该是图像已设置并显示了按钮差异。但在那之后网页重新加载并重置为索引页面。我真的不知道如何防止这种情况发生。我做错了什么?

最佳答案

盲目猜测:您的按钮 可能是表单的一部分,因此单击它时的默认行为是提交表单并重新加载页面。您可以使用 event.preventDefault() 来防止这种情况:

$('#left').bind('click', function(event) {
event.preventDefault()
......

关于javascript - Flask ajax 请求后不要重新加载网页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45840526/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com