ajax请求过后按f5键刷新页面出现异常

ajax请求过后按f5键刷新页面出现异常,

我实现了一个三级联动的下拉单功能，但是现在确有问题：在ajax发送一次请求后，然后刷新页面（f5，右键，地址栏后面刷新），就会将请求的结果（xml文件）输出到页面上？有那位仁兄可以指点一下吗？
//创建 xmlHttp对象
function createXMLHttpRequest()
{
if (window.ActiveXObject)
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if (window.XMLHttpRequest)
{
xmlHttp = new XMLHttpRequest();
}
}

//选择行政区域时触发的动作
function addSelect(sid,element,type) {
createXMLHttpRequest();
var url="show_area.php?sid="+sid+"&flag="+element+"&type="+type+"";
xmlHttp.open("GET", url, true);
xmlHttp.onreadystatechange =onStateChange ;
xmlHttp.send(null);
}

//选择行政区域时ajax的代码
function onStateChange() {  ////开始处理数据 3
if(xmlHttp.readyState == 4) {
if(xmlHttp.status == 200) {
var returnxml=xmlHttp.responseXML;
var returntext=xmlHttp.responseTEXT;
var flag=returnxml.getElementsByTagName("flag")[0].text;
var idarray=returnxml.getElementsByTagName("area_code");
var namearray=returnxml.getElementsByTagName("area_name");
if(flag=="selectCity"){
var selectCity=document.getElementById("selectCity");
for(i=0;i <100;i++){
selectCity.remove(0);
}
var selectArea=document.getElementById("selectArea");
for(i=0;i <100;i++){
selectArea.remove(0);
}
var selectXiang=document.getElementById("selectXiang");
for(i=0;i <100;i++){
selectXiang.remove(0);
}
var selectCun=document.getElementById("selectCun");
for(i=0;i <100;i++){
selectCun.remove(0);
}
selectCity.focus();
selectCity.add(new Option("---请选择---","0"));
selectArea.add(new Option("---请选择---","0"));
selectXiang.add(new Option("---请选择---","0"));
selectCun.add(new Option("---请选择---","0"));
for(i=0;i <idarray.length;i++){
selectCity.add(new Option(namearray[i].text,idarray[i].text));
}
}
if(flag=="selectArea"){
var selectArea=document.getElementById("selectArea");
for(i=0;i <100;i++){
selectArea.remove(0);
}