触发瓶功能，无需重新加载页面

Question

我的瓶子app.py看起来像：

@route('/submit/<var>')
def submit(var):
  # do action
  redirect("/")

而且我有一个简单的html按钮，单击该按钮可重定向到所需的页面

onclick="window.location.href='/submit/value'"

但这会导致整个页面有效地刷新，方法是转到链接，然后立即返回，将用户置于页面顶部，依此类推。

我怎样才能不刷新就做瓶子后端？

Answer 1

在您的模板中：

<button type="button" onclick="onSubmit('Value')">Sumbit!</button>>
<p id="response"></p>
<script>
function onSubmit(value) {
    var myRequest = new Request('/submit/' + value);
    var myInit = { method: 'PUT' };
    fetch(myRequest, myInit).then(function(response) {
        return $("#response").text(response);
    });
}
</script>

在python方面

@put("/submit/<val>")
def submit(val):
    return "Yay it worked!"