Как реализовать добавление записей в БД через форму без перезагрузки страницы?

Есть страница HTML, на которой выведена база данных зарегистрированных пользователей.
Через формы мы можем добавлять\удалять\редактировать записи..
Но при каких-либо действиях с базой данных обновляется страница целиком..
Нужно с помощью Ajax реализовать обновление изменений только в БД, без перезагрузки страницы.
Моя таблица в HTML:

<table id="example" class="table0" width="700px" cellspacing="0">
				<thead>
					<tr>
						<th>ID</th>
						<th>NAME</th>
						<th>PASSWORD</th>
					</tr>
				</thead>
				{% for record in records.items %}
				<tbody>
					<tr>
						<td>{{ record.id }}</td>
						<td>{{ record.name }}</td>
						<td>{{ record.password }}</td>
					</tr>	
				</tbody>
				{% endfor %}
				</table>

Формы редактирования появляются после нажатия на кнопку, вот код одной из форм:

<button id="pole-1" class="calc11">Добавить</button>
  	<div class="pole-1" id="act">
  		<content>
  			<div text-align="center">
				<form action='/dobav' method='POST'>
			<h3 class="zagl">Добавление нового пользователя</h3>
			<p>Логин пользователя:</p>
			<input type='text' name='login' id='login' placeholder='login..'></input>
			<p>Пароль Пользователя:</p>
			<input type='password' name='pw' id='pw' placeholder='password..'></input><br>
			<button type='submit'  name='submit' class="b1" >Добавить</button>
				</form>
			</div>	
		</content>	
	</div>

Помогите хотя бы для одной формы ajax реализовать, дальше уже сам.