Как остаться на текущей странице

Question

У меня есть одна форма поля имени пользователя и пароля, за которой следует кнопка отправки Как мне остаться на текущей странице после нажатия кнопки «Отправить» без перезагрузки страницы? Любая помощь приветствуется.

Answer 1

Есть несколько вариантов. Прежде всего, в разметке для кнопки отправки вы можете вернуть false:

<input type="submit" onclick="return false;" />

Проблема с подходом, описанным выше, состоит в том, что он отменит отправку, не будучи уверенным, желателен он или нет. Другой подход, который вы можете использовать, - это использовать что-то вроде jQuery для выполнения ajax-запроса.

Для этого вам нужно включить jQuery:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>

Затем измените кнопку отправки на обычную кнопку:

<input type="button" onclick="doAjaxCall();" />

Функция javascript doAjaxCall будет выглядеть примерно так:

<script type="text/javascript">
function doAjaxCall() {
    $.ajax({ url: "destinationurl.aspx", success: function(){
        alert('success! insert success javascript code here');
    }});
}
</script>

Answer 2

Попробуйте, если вам нужна кнопка sumit.

<input type="submit" onclick="return false" />

Но вы, возможно, захотите использовать простую нажимаемую кнопку, если вы не хотите вводить свою форму при нажатии ... в этом случае это должно сработать:

<input type="button" />