<input type="button" onclick="ajax()" value="按一下">

<input type="button" onclick=" document.getElementById('inner').innerHTML='' " value="隐藏">

<script>
// 1. 初始化请求
// Mozilla/Firefox 下
//var xmlhttp = new XMLHttpRequest();
// IE 下
var xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")
alert(xmlhttp);

function ajax() {
    // 指定要打开的页面
    xmlhttp.open("GET", "addIn.html", true);// HTTP 请求的方式, URL, 是否异步
    // 指定页面打开完之后要进行的操作.
    xmlhttp.onreadystatechange = change;
    // 开始发起浏览请求, Mozilla 必须加 null
    xmlhttp.send(null);
}

// 这个函数就是每次状态改变要调用的函数
function change() {
    // 请求已完成
    if(xmlhttp.readyState == 4) {
    // 更新对应的 HTML 元素里面显示的内容
    // 根据 ID 引用页面里面的元素 document.getElementById(元素名)
    document.getElementById('inner').innerHTML = xmlhttp.responseText;
    }
}
</script>

<div id="inner"></div>