1.AJAX 可以使网页实现异步更新。可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
2.ajax优点:在不刷新页面的情况下维护数据。这意味着速度更快,并避免了在网络上发送那些没有改变的信息。
代码示例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ajax get</title>
</head>
<body>
<button>发送请求</button>
<p></p>
</body>
</html>
<script type="text/javascript">
var oBtn=document.getElementsByTagName('button')[0];
oBtn.οnclick=function(ev){
//1.创建异步对象
var xhr=new XMLHttpRequest();
//2.设置请求方式
xhr.open("GET","file.php",true);//三个参数:请求方式 地址 是否异步
//3.发送请求
xhr.send();
//4.监听返回数据
xhr.onreadystatechange=function(ev1){
if(xhr.readyState===4){
if(xhr.status>=200&&xhr.status<300||xhr.status===304){
var a = xhr.responseText;
var p=document.getElementsByTagName('p')[0];
p.innerHTML=a;
}else{
alert('失败');
}
}
}
}
</script>