Управление историей браузера

По нажатии на кнопку вызывается функция:

showUser('folder/url.php')

Затем работает вот это:

 function showUser(str) {
  if (str=="") {
    document.getElementById("change").innerHTML="";
    return;
  } 
  if (window.XMLHttpRequest) {
    // code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp=new XMLHttpRequest();
  } else { // code for IE6, IE5
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  xmlhttp.onreadystatechange=function() {
    if (this.readyState==4 && this.status==200) {
      document.getElementById("change").innerHTML=this.responseText;
    }
  }
  xmlhttp.open("GET",str,true);
  xmlhttp.send();
  history.pushState(location.href, "", str);
}

ОСОБОЕ ВНИМАНИЕ на строку:

history.pushState(location.href, "", str);

Я вроде как читаю текущий url и хочу его записать в историю. Затем, когда юзер кликнет в браузере "Назад", то его отправило на страницу, которая была изначальна в url. У меня это не получается, по нажатии "назад" url меняется на тот, что был раньше. А страница остаётся в условно новом состоянии.

И ещё, хотя навряд ли такое возможно, но если вдруг возможно, то как по нажатию на кнопку "назад" выполнялась бы моя какая нибудь функция?