Ajax概述
1.Ajax是用来做局部刷新的
局部刷新需要创建一个局部刷新对象(XMLHTTPRequest)代替浏览器发请求的行为,这个对象存在于内存中。
全局刷新是同步行为,局部刷新是异步行为
使用Ajax中的XMLHttpRequest对象
在JavaScript中创建异步对象
<script>
var xmlhttp= new XMLHttpRequest();
</script>
给异步对象绑定事件
onreadystatechange:当异步对象发起请求,获取了数据都会触发这个事件,这个事件需要一个指定函数,在函数中处理状态变化。
<script>
event.onclick=fun1();
function fun1()
{
alert("按钮点击");
}
</script>
例如:xmlhttp.onreadystatechange=function(){
处理请求的变化。
}
异步对象的属性:readyState 表示异步对象的状态变化:
0:创建异步对象时,new XMLHttpRequest();
1:初始异步请求对象,xmlHttp.open ()
2:发送请求,xmlHttp.send ()
3:从服务器端获取了数据,此时3,注意3是异步对象内部使用,获取了原始的数据。
4:异步对象把接收的数据处理完成后。此时开发人员在4的时候处理数据,开发人员在这时更新页面