Обновление блока по id?

Question

[hooligan377]

Добрый вечер, имею блок:

<div id="user" class="ablock"><a href="">Авторизация</a></div>

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

<div id="user" class="ablock">Мой кабинет</div>

--
Я не прошу писать за меня код, мне нужны ссылки где объясняют принцип этого действия на примере, просто найти никак не могу. Благодарю)

Answer 1

[VelAnna]

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

Вам надо в той части кода, где происходит обработка удачного результата, вставить свой код для обновления содержимого элемента, например:

...
success: function(data) {
    $('#user').html('Мой кабинет');
}
...

Comments

[hooligan377]

Получиться должно что то вроде этого, правильно понял?

<header>
	<div class="us"></div>
</header>

<script>
	$("#login").submit(function(e) {
		e.preventDefault();
	    $.ajax({
	    	   type: "POST",
	           url: "login.php",
	           data: $("#login").serialize(),
	           success: function(data) {
					$('.us').html(data);
			   }
	         });

	});
</script>

<div class="mod">
<form id="login">
	<input type="login" name="login">
	<input type="password" name="password">
	<input type="submit" name="submit">
</form>
</div>

Благодарю за помощь)

[VelAnna]

hooligan377, не за что)