提交表格時請保持在同一位置

Question

當我提交表單時，頁面將導航到頁面的起始位置。

我想留在相同的位置。有沒有辦法做到這一點？

Answer 1

是的，不是使用表單提交，而是使用XHR在JavaScript中發送異步請求。舉一個具體的例子，假設你有一個簡單的形式，看起來像：使用XHR

<form method="POST" action="/path/to/submit"> 
    <input id="input_name" name="input_name" type="text" value="value" /> 
</form> 

，它可能看起來像以下（使用Closure library爲XHR）：

<script> 
    goog.require('goog.net.XhrIo'); 
    var submitCompleted = function() { 
    alert('Submitted!'); 
    }; 

    var submitAction = function() { 
    var value = document.getElementById('input_name').value; 
    goog.net.XhrIo.send(
     '/path/to/submit', 
     submitCompleted, 
     'POST', 
     'input_name=' + encodeURIComponent(value)); 
    }; 
</script> 

我假設您仍然保留與之前相同的輸入元素，但您要定義onsubmit函數來調用submitAction而不是使用表單的默認提交行爲。