如何使用 jQuery 在不重新加載頁面的情況下提交表單？

Question

<form action="">
    <input type="text" id="id" name="id" value="">
    <input type="password" id="pw" name="pw" value="">
</form>

<script>
    $('#id').val('darth-vader');
    $('#pw').val('i-am-your-father');
    $('form').submit();
</script>

我知道這將是一個非常荒謬的問題，無論如何，我想要做的是將 id 和密碼保存到本地存儲或 javaScript 值，然后自動登錄。 （沒有服務器語言，我只是在客戶端制作原型）

當然，avobe 頁面會無限重新加載，我該如何正確執行此操作？

Answer 1

添加event.preventDefault(); 到提交功能。 在此處查看詳細信息： https : //api.jquery.com/submit/

它停止觸發默認事件，在提交的情況下重新加載頁面。

Answer 2

您可以： A) 處理提交事件並確保返回 false B) 使用 ID 按鈕並將“偽提交”函數綁定到按鈕的點擊事件。

對於簡單的情況，我個人的偏好是 B，但是使用本機提交事件允許瀏覽器處理本機驗證（例如必需的、最大/中間長度等）。 如果您打算使用 A，您可以返回 false 或使用 event.preventDefault() 來阻止頁面重新加載。 如果您使用 B，則無需進一步操作。

Answer 3

自我回答

問題 ：

<form action="">
    <input type="text" id="id" name="id" value="">
    <input type="password" id="pw" name="pw" value="">
</form>

<script>
    $('#id').val('darth-vader');
    $('#pw').val('i-am-your-father');
    $('form').submit();

    $('form').submit(function(e){
        e.prenventDefault();
    });
</script>

解決了 ：

<form action="">
    <input type="text" id="id" name="id" value="">
    <input type="password" id="pw" name="pw" value="">
</form>

<script>
    $('#id').val('darth-vader');
    $('#pw').val('i-am-your-father');

    $('form').submit(function(e){
        e.prenventDefault();
    });

    $('form').submit();


</script>