How to insert form in url and read data from url without refresh page?

<html>

<head>

</head>

<body>

</Form>

</body>

jQuery("document").ready(function($){

$('#search_form').submit(function(e){

e.preventDefault();

var search_form = $(this).serialize();

var refresh = window.location.protocol + "//" + window.location.host + window.location.pathname + '?arg=1&' + search_form;

window.history.pushState({ path: refresh }, '', refresh);

var current_url = window.location.href;

var url_data = parseURLParams(current_url);

console.log(url_data);

console.log(url_data['first_name']);

})

function parseURLParams(url) {

var queryStart = url.indexOf("?") + 1,

queryEnd = url.indexOf("#") + 1 || url.length + 1,

query = url.slice(queryStart, queryEnd - 1),

pairs = query.replace(/\+/g, " ").split("&"),

parms = {}, i, n, v, nv;

if (query === url || query === "") return;

for (i = 0; i < pairs.length; i++) {

nv = pairs[i].split("=", 2);

n = decodeURIComponent(nv[0]);

v = decodeURIComponent(nv[1]);

if (!parms.hasOwnProperty(n)) parms[n] = [];

parms[n].push(nv.length === 2 ? v : null);

}

return parms;

}

});

</Script>

</html>

Php Tutorials