Как отправить форму без перезагрузки страницы с помощью 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> 

Я знаю, что это был бы очень смешной вопрос, во всяком случае, я пытаюсь сохранить идентификатор и пароль для локального хранения или значений javaScript, а затем автоматически войти в систему. (без языков сервера, я просто создаю прототип на стороне клиента)

Конечно, страница авоэ перезагружается бесконечно, Как я могу сделать это правильно?

Answer 1

Само ответ

проблема:

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

Answer 2

Добавить event.preventDefault(); в систему отправки. Подробнее см. Здесь: https://api.jquery.com/submit/

Он останавливает событие по умолчанию от запуска, которое в случае отправки перегружает страницу.

Answer 3

Вы можете: A) обработать событие отправки и не забудьте вернуть false B) используйте кнопку ID'd и привяжите функцию «псевдо-представления» к событию щелчка кнопки.

Мое личное предпочтение - B для простых случаев, но использование собственного события отправки позволяет браузеру обрабатывать встроенную проверку (например, требуемую, максимальную/среднюю длину и т. Д.). Если вы собираетесь использовать A, вы можете вернуть false или использовать event.preventDefault(), чтобы остановить перезагрузку страницы. Ничего дополнительно не требуется, если вы используете Б.