AJAX点击效果
1.定义:再不刷新页面的情况下,动态加载网页内容。
2.XMLHttpRequest 是 AJAX 的基础。
3.AJAX点击效果
<style type="text/css">
div{
width: 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>