觸發瓶功能，無需重新加載頁面

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!"