Ajax数据库浏览器页面刷新更改页面而不是刷新页面

我正面临AJAX和PHP数据库的问题。我敢打赌，许多其他新的Ajax程序员也会面临这个问题。虽然我已经缩短了代码，但它仍然有些长，所以请耐心等待。我在主页上有一个按钮index.php点击时，加载图书管理系统，因为它是Ajax数据库，所以图书管理系统加载在一个div('mainDiv')在同一页面上。问题是，当图书管理系统打开时，无论何时刷新/重新加载页面(通过单击浏览器刷新按钮)，它都会意外地返回到带有按钮的主页。刷新后，页面内容应该保持不变。但这在这里从来没有发生过。在Ajax中这样做会使它变得更加复杂。有没有简单/容易的Ajax解决方案?也请指出，如果某些东西在这段代码是违反良好的编程实践。这是我的代码:**数据库首页/index.php脚本部分**

<script language="javascript">
function submitData(dataSource,divID,formId)
{
var PostData;//assuming the form's post data has been already serialized to keep the question simple
var dataSource;
/*setting up XMLHttpRequestObject*/
var XMLHttpRequestObject = false;
if (window.XMLHttpRequest) 
{   XMLHttpRequestObject = new XMLHttpRequest();}
else if (window.ActiveXObject) 
{ XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");}
else if (window.ActiveXObject)
{ XMLHttpRequestObject = new ActiveXObject("MSXML2.XMLHTTP");}
else {  alert ("XMLHttpRequestObject can not be created");}
/*processing sending of the form's post data*/
if(XMLHttpRequestObject) 
{
var obj = document.getElementById(divID);
XMLHttpRequestObject.open("POST", dataSource);
XMLHttpRequestObject.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
XMLHttpRequestObject.onreadystatechange = function()
{
if (XMLHttpRequestObject.readyState == 4 &&
XMLHttpRequestObject.status == 200) {
obj.innerHTML = XMLHttpRequestObject.responseText;
}
}
XMLHttpRequestObject.send(PostData);
}
}
</script>

数据库首页/index.php:

<h2>
Ajax Books Database
</h2>
<div id="mainDiv">
<form id="books-management-sys-targeting-form">
<input type="hidden" name="open-bms" value="open-jms" />
<input type="button" onclick="submitData('phpcontroller.php','mainDiv','books-management-sys-targeting-form')" value="Open Books Management System" />
</form>
</div>

当点击上面主页上的按钮时，PHP控制器执行以下代码:

/*Opening Books Management System*/
if(isset($_REQUEST['open-bms']))
{
include 'books-management-system.html.php';
}

//manage books categories link
<form id="to-manage-book-categories-form">
<input type="hidden" name="manage-book-categories" value="manage-book-categories" />
<a href="#" onclick="submitData('phpcontroller.php','mainDiv','to-manage-book-categories-form','personalform.txt')" >Manage Books Categories</a>
</form>
.
.
//other tasks related to managing books
.
.

我必须在这段代码中做什么更改，以便当我刷新它时，它应该显示相同的当前打开的页面/内容，而不是主页面。在Ajax中是否有简单的方法来做到这一点?请帮助!