AJAX点击效果

1.定义：再不刷新页面的情况下，动态加载网页内容。

2.XMLHttpRequest 是 AJAX 的基础。

3.AJAX点击效果

<style type="text/css">
div{
300px;
height: 200px;
border: 1px solid red;
}
</style>

<script type="text/javascript">
var div1=document.getElementById("div1");
var input1=document.getElementById("input1");

//js方式
function cha(){
window.open("页面一.html");
}

// AJAX方式
function cha(){
//创建xmlHttpRequest对象
var xmlhttp;
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 (xmlhttp.readyState==4 && xmlhttp.status==200)
{
div1.innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","页面二.html",true);
xmlhttp.send();

}

</script>