submit form without reloading page code example

Example 1: html prevent submit from reloading page

<form onSubmit="return false; // Returning false stops the page from reloading">
	<button type="submit"></button>
</form>

Example 2: submit form javascript without refresh

event.preventDefault()

Example 3: submit form without page refresh using ajax jquery and php

$(document).ready(function(){
		$('button').click(function(event){
			event.preventDefault();
			var	name = $('#name').val();
			var	mobile = $('#mobile').val();
			var	address = $('#address').val();
			var	city = $('#city').val();
			$.ajax({
			    type: "POST",
			    url: "upload.php",
			    data: { name:name, mobile:mobile, address:address, city:city },		    
			    dataType: "json",
			    success: function(result){
			        			    }
			});
		});
	});

Example 4: why does my page reloads on form submission

//jquery method //
//preventDefault() prevents the submit button
//from performing its default task like page reload  
  $('#form').submit(function (e) {
      e.preventDefault();
  });